Project Archive
Everything I've built, in one place. The good, the learning curves, and the ones I'm still proud of.
// some projects are classified. okay fine, it's just NDA stuff PeakPH — Philippine Mountain Discovery
PeakPH is a full-stack progressive web app for discovering and exploring hikeable mountains in the Philippines — built for the Filipino hiking community with an interactive map, detailed mountain pages, hike logs, community comments, a difficulty-based ranking system, and a community-driven mountain submission system.
Spotify Stats — Personal project
A personal dashboard that connects to the Spotify Web API to visualize your listening habits — top tracks, artists, and recently played. Built to explore API integration and data-driven UI design.
Portfolio version 2.0
The one you're on right now. Redesigned with a sharper eye for detail, better motion, and a stack I actually enjoy working with. A work in progress, like any good portfolio should be.
Angie Transient House — Client work
A booking and showcase site built for a client running a transient house. Designing for an actual business taught me what it means to ship something that matters to someone else.
Portfolio version 1.0 — Where it started
Version one. Not perfect, but it was mine and it was a start.
Figma-to-Code — Tailwind CSS practice
Grabbed a Figma community design and built it with Tailwind CSS, only a week into learning the framework. It served as my first real test of the utility-first approach outside of tutorials.
Ashley Edduba — Built for a cadet client
Designed and built a portfolio for a cadet student as a client project. First time working with someone.
Omnifood V2 — Course project, leveled up
The advanced version of a course project, same fictional brand, completely rebuilt with better structure, responsiveness, and a sharper eye for detail.
Omnifood V1 — Learning the fundamentals
The version that taught me HTML and CSS properly. Rough around the edges, but it's where the foundation was laid.
| INDEX | TITLE | TECH STACK | YEAR | STATUS | ACTIONS |
|---|---|---|---|---|---|
01 | PeakPH — Philippine Mountain Discovery Project DetailsPeakPH is a full-stack progressive web app for discovering and exploring hikeable mountains in the Philippines — built for the Filipino hiking community with an interactive map, detailed mountain pages, hike logs, community comments, a difficulty-based ranking system, and a community-driven mountain submission system. | NUXT.JS 4NUXT UI V4TAILWIND CSSOPENLAYERSPOSTGRESQLDRIZZLE ORM | 2026 | LIVE | |
02 | Spotify Stats — Personal project Project DetailsA personal dashboard that connects to the Spotify Web API to visualize your listening habits — top tracks, artists, and recently played. Built to explore API integration and data-driven UI design. | NUXT.JS 4NUXT UI V4TYPESCRIPTTAILWIND CSSSPOTIFY WEB API | 2026 | LIVE | |
03 | Portfolio version 2.0 Project DetailsThe one you're on right now. Redesigned with a sharper eye for detail, better motion, and a stack I actually enjoy working with. A work in progress, like any good portfolio should be. | NUXT.JS 4NUXT UI V4TYPESCRIPTTAILWIND CSSGSAP | 2026 | LIVE | |
04 | Angie Transient House — Client work Project DetailsA booking and showcase site built for a client running a transient house. Designing for an actual business taught me what it means to ship something that matters to someone else. | REACTNEXT.JSTYPESCRIPTTAILWIND CSS | 2024 | LIVE | |
05 | Portfolio version 1.0 — Where it started Project DetailsVersion one. Not perfect, but it was mine and it was a start. | REACTNEXT.JSTYPESCRIPTTAILWIND CSS | 2023 | LIVE | |
06 | Figma-to-Code — Tailwind CSS practice Project DetailsGrabbed a Figma community design and built it with Tailwind CSS, only a week into learning the framework. It served as my first real test of the utility-first approach outside of tutorials. | HTMLCSSTAILWIND CSS | 2023 | LIVE | |
07 | Ashley Edduba — Built for a cadet client Project DetailsDesigned and built a portfolio for a cadet student as a client project. First time working with someone. | BOOTSTRAPHTMLCSSJS | 2022 | OFFLINE | |
08 | Omnifood V2 — Course project, leveled up Project DetailsThe advanced version of a course project, same fictional brand, completely rebuilt with better structure, responsiveness, and a sharper eye for detail. | HTMLCSSSCSSJS | 2022 | LIVE | |
09 | Omnifood V1 — Learning the fundamentals Project DetailsThe version that taught me HTML and CSS properly. Rough around the edges, but it's where the foundation was laid. | HTMLCSSJS | 2021 | LIVE | |
10 | Cuezhe — The first thing I built Project DetailsA school project, but it earns its place here. It's the first thing I ever built from scratch with just HTML and CSS. Every project since traces back to this one. | HTMLCSS | 2021 | LIVE |