All Projects
Everything I've built since I started coding in 2020 — Frontend Mentor challenges, course exercises, school assignments, and pet projects, alongside the production apps. Most of these were never meant to be polished; they're here to show the climb. The three flagship builds still live on the main page.
Pegiona
Archived 2022A SaaS booking platform for small tour operators and related service providers in the Philippines — manage attractions, activities, rentals, and services from one system. Built solo in 2022, before AI coding assistants were part of the workflow. Archived; no longer actively maintained.
Mantine 7 · Next.js 14 · NestJS · Passport.js · TypeORM · Postgres 16 · Redis · Cloud Run · Cloud Build · Cloud Storage
Layup
2022A basketball team management app that helps coaches and managers run their team more efficiently. A full-stack build on NestJS, React, and MongoDB, covering the core scheduling and roster features a team manager actually needs.
Next.js 14 · Formspree · React Native · React · NestJS · MongoDB
Buildbox
2022A project management tool aimed at engineering firms, covering the full project lifecycle from planning and task assignment to progress tracking and team collaboration. An ongoing pet project, built mainly to learn Go on the backend.
Go · Chi Router · REST API · Postgres · Ent · Atlas · Docker · Redis
Bearer
2022A case management system for legal professionals and law firms, centralizing cases, accounts, users, and billing to streamline day-to-day workflows. Backend built in Go with 15+ working endpoints before development paused.
React · React Hook Form · Go · Chi Router · REST API · Aggregation Framework
Item Count Cashier App (Tablet)
2023The tablet companion to Item Count's POS, built with React Native and NativeBase with light and dark mode across three screens — Menu, Transactions, and Settings. My first project wired up with a GitHub Actions workflow that runs unit tests on every push.
React Native · Expo Router · Apollo GraphQL · Native Base · Zustand · React Hook Form · Jest · GitHub Actions
Mobii — Admin Dashboard
2023A web-based admin dashboard for Mobii Inc., built with Next.js 13 out of curiosity about the framework at the time. In hindsight, plain React would have been the more practical choice for a single-page dashboard like this.
Next.js 13 · REST API · Chakra UI · Mantine UI · React Final Form · Jest
Freesh U
2023A price-monitoring platform for local commodities across Surigao's provinces. Can also scrape prices from external sources, kept separate from the verified local commodity data.
NestJS · React · GraphQL · MongoDB · Chakra UI · Web Scraping
Realtime Queuing System
2022A school project: a real-time queuing system built with NestJS (GraphQL), MongoDB, React, and Chakra UI, supporting three roles — Staff, Admin, and Counter. Authentication and authorization are enforced on the backend, with an additional layer on the frontend for defense in depth.
NestJS · React · GraphQL · MongoDB · Chakra UI · Heroku
Movie Library 2.0
2021A rebuild of my first movie library app, used mainly as a hands-on exercise for learning Redux — even though an app this size never really needed it.
React · Redux · The Movie DB API · Material UI
Portfolio 3.0
2023A simplified rebuild of Portfolio 2.0, sharing its color palette with work experience fleshed out. Both versions read from the same JSON file as a single source of truth, so adding content meant editing the JSON — no more Netlify CMS.
Next.js 13 · Tailwind CSS
Portfolio 2.0
2021An iteration on my first portfolio, the result of studying since July 2020 — a few months after lockdown was declared. Uses animate.css and Framer Motion for animation, plus a Messenger chat widget, with content managed through Netlify CMS.
Next.js · Netlify CMS · Framer Motion · animate.css · Sass · Messenger Chat
Papa Dodz
2021Contributed to the Papa Dodz mobile job-listing app at Cauld & Clark, building its chat feature in React Native. Drew on prior GraphQL and React experience while working as part of a team, and picked up more experience in collaborative mobile development along the way.
React Native · Apollo GraphQL · TypeScript · NestJS · Native Base
Rock Paper Scissors
2021A Frontend Mentor challenge, tackled instead of class work at the time. An exercise in how far Framer Motion animation can go for a simple game UI.
Next.js · Framer Motion · Sass
Auth Boilerplate
2021A full-stack authentication boilerplate with login and role-based route restriction for non-admin users. JWT refresh tokens are stored in an HTTP-only cookie and verified on the backend on every request, with toast feedback for CRUD actions.
React · Redux · JWT · Express · MongoDB · Heroku
Bantay Covid PH
2021A small COVID-19 statistics tracker built with Next.js and Chart.js during free time in an online class, pulling data from disease.sh.
Next.js · disease.sh · Chart.js
WorldQuakeNoes
2021A map built with Next.js, the USGS API, and Leaflet, plotting volcanoes and earthquakes together to see how closely — and how often — the two coincide.
Next.js · USGS API · Leaflet
Todo App
2021My first app after finishing Jonas Schmedtmann's JavaScript course, built with vanilla JS and Sass. Still proud of the theme switcher that persists your choice to LocalStorage.
JavaScript · Sass · HTML
Movie Library 1.0
2020My first React project, built after working through tutorials from Codevolution, Traversy Media, and other YouTube channels. Used the Context API to manage global state.
React · Context API · The Movie DB API · Styled Components
Portfolio 1.0
2020My very first portfolio, built after finishing a handful of beginner courses and small projects. Has a light/dark theme, toggled by the sun icon near the window illustration.
Next.js · Styled Components
My Decider
2020A small decision-maker tool that turned up in an old Drive folder. Not entirely sure why I built it, but here it is.
HTML · CSS
IP Address Tracker
2020A Frontend Mentor challenge, self-timed to two hours and squeezed in between school activities.
HTML · Sass
Insure Landing Page
2020A Frontend Mentor landing page challenge, self-timed to two hours.
HTML · Sass
Fylo Landing Page
2020A Frontend Mentor landing page challenge, self-timed to two hours.
HTML · Sass · JavaScript
Easy Bank Landing Page
2020A Frontend Mentor landing page challenge, self-timed to two hours.
HTML · Sass · JavaScript
Huddle Landing Page
2020A Frontend Mentor landing page challenge with smooth scroll animations and a responsive layout.
HTML · Sass · JavaScript
