Jeffrey Bernadas

Software Engineer

I build enterprise-grade and responsive digital solutions for the web and mobile.

About

My main focus these days is building scalable, responsive and intuitive web and mobile applications.

Although I am currently employed, I am actively seeking for new opportunities to grow, learn, and contribute my expertise.

In my free time, I play Dota 2β€”mostly Meepo, because it helps me with my state management nightmares.

Technologies

frontend

  • Typescript
  • React.js
  • Next.js
  • Motion
  • Storybook
  • Styled-Components
  • Tailwind CSS
  • Redux Toolkit
  • React Query
  • Module Federation

backend

  • Node.js
  • Express.js
  • Loopback.js
  • RabbitMQ
  • Swagger
  • Microservices
  • REST API

database

  • MongoDB
  • MySQL
  • PostgreSQL
  • Redis
  • Elasticsearch
  • Supabase
  • Prisma

Experience

  1. Dec. 2022 - Present

    Programmer AnalystΒ·Metrobank

    BGC, Philippines (Hybrid)

    - Contributed to the migration of several online transaction features from OTP-based to Appkey-based security for enhanced security and user experience in Metrobank Online Banking.

    - Developed a back office module for CIF blocking and unblocking to prevent fraud.

    - Lead development of a POC utilizing Microfrontends architecture for reusability and scalability across banking applications.

    - Built reusable components and integrated design tokens for the POC, and worked closely with Marketing to ensure proper alignment with the design system.

    - Created private npm packages for standardized theming and UI assets, including components, icons, logos, and images.

    - Provided documentation for the POC and reusable components using Storybook and a landing page protected with Keycloak authentication.

  2. Sept. 2022 - Present

    Full Stack DeveloperΒ·Ascendion Inc. (Collabera)

    Makati City, Philippines (Remote)

    - Responsible for the development of simple to highly complex application design, programs, and related facilities according to approved business specifications, regulatory, and company standards.

    - Documents system design and program specification in technical design document.

    - Writes programs and codes based on approved technical design.

    - Responsible for the support, maintenance, delivery of enhancements for existing application functionalities and service catalogue requests for application services assigned.

    - Conducts unit testing on written codes to ensure the program perform per design at the unit level.

    - Perform other related functions that may be assigned from time to time.

  3. 2021 - Sept. 2022

    Full Stack DeveloperΒ·Freelance

    Surigao City, Philippines (Remote)

    - Developed web applications for local businesses, including a POS system with a inventory management system and CSV report generation for sales tracking.

    - Translated PSD designs into high-quality web pages, ensuring a seamless user experience.

    - Designed wireframes and prototypes for client presentations and feedback.

    - Collaborated with co-developers to develop custom systems and IoT solutions for students capstone projects.

Projects

  1. VPS Server screenshots

    VPS Server

    My VPS Server hosting my personal websites, fullstack projects, databases, and services such as Grafana, Kibana, Wordpress, Keycloak, etc. It is running on Ubuntu 22.04 LTS, Docker, and Coolify.

    • Ubuntu
    • Docker
    • Coolify
    • VPS
  2. PSGC API screenshots

    PSGC API

    Open source PSGC RESTful API that provides access to the latest Philippine Standard Geographic Code (PSGC) database with rate limiting, caching, pagination, and swagger documentation.

    • Node.js
    • Express.js
    • Redis
    • Swagger
    • Winston Logger
  3. Vacay Caraga screenshots

    Vacay Caraga

    A web app for hosting rooms within CARAGA Region for free which comes with map pinning support, listing dashboard, reservations, Google and Github OAuth, and many more.

    • React.js
    • Redux Toolkit
    • MantineUI
    • Mapbox
    • GoogleOAuth
    • GithubOAuth
    • Node.js
    • Express.js
    • Sequelize
    • MySQL
  4. Spotify Viewer screenshots

    Spotify Viewer

    A web app for showing your personal Spotify data such as playlists, top artists, and top tracks. View an artists data together with their singles, albums, and artists related to them. See a detailed information of each tracks and a preview of it.

    • React.js
    • Styled-Components
    • Node.js
    • Express.js
    • Spotify API