All Projects
Explore my personal and professional works.
UTAK Inventory Management System
UTAK Inventory Management System is a web application designed to help businesses efficiently track inventory, manage stock movements, and monitor low-stock levels.
Personal Portfolio (2026)
A rebuilt portfolio created as a challenge entry that evolved into a hands-on exploration of AI-assisted development and headless CMS architecture.
Artisan Coffee
A clean, fast coffee shop landing page built with Next.js, Tailwind CSS, and shadcn/ui, designed to highlight the brand, menu, and drive customer action
JarBites PH
A landing page concept on my series called "Prompt to Product".
Personal Portfolio (2025)
My own personal portfolio for showcasing my projects and achievements.
Pokedex Project
Web-based pokedex with Search, Sort, and Filter functionality. Utilized PokeAPI—The RESTful Pokemon API
TCHMB Portal
A Web-based Inventory Management for Taguig City Human Milk Bank
TUP Handa
A website dedicated for the Disaster Risk Reduction and Management of TUP Taguig. I created this as our mini capstone project.
Guess the Song!
Guess the Song application using Java. It features song imports, play/pause mechanisms, and interactive quiz!
LEDZYM Landing Page
Freelance work for my client who requested a simple landing page for their small business
Number System Converter
Web-based number system converter using React JS, JQuery, and Bootstrap

I built UTAK Inventory Management System mainly as a way to refresh and deepen my understanding of relational databases, specifically PostgreSQL. Most of my recent projects use MongoDB, so while this wasn’t my first time working with SQL, it had been a while since I designed structured schemas with proper relationships, constraints, and normalization. I also took this opportunity to learn database versioning through migrations and tried using Prisma ORM to define and manage my schema more easily with TypeScript, Node.js, and Express.js.
Everything worked fine locally, but deployment was a different story. My backend was hosted on Render and my database on Supabase, and I kept running into connection issues. After debugging for hours, I found out that Render blocks ports 5432 and 6543 — which Prisma relies on for PostgreSQL connections. I could have switched to another hosting platform that allows those ports, but I didn’t have the resources, and Render is the best free option for hosting a small backend like mine. So instead of switching platforms, I refactored the backend to use the native pg library (similar to how Strapi connects to Supabase).
After restructuring my database connection logic, everything worked smoothly in production. The frontend is built with Next.js, Tailwind CSS, and Shadcn UI, and the whole system is deployed across Vercel, Render, and Supabase.
This project ended up being more than just an inventory system — it became a practical lesson in database design, ORM tradeoffs, and solving real-world deployment constraints with limited resources.
Rock Paper Scissors
Challenge the computer to a classic game. Can you get a winning streak?
Tic Tac Toe
A timeless classic. Grab a friend and see who can claim three in a row first!
Wordle
Guess the 5-letter word in 6 tries. Featuring a tech-inspired vocabulary!
More Games
Coming soon! Check back later for new interactive additions.