Project Based · E-commerce
TCG Philippines
A responsive WooCommerce experience built from Figma, with dynamic product presentation and practical performance work.WordPressWooCommercePHP
Live site Complete work index
Projects built for
clients and curiosity.
Browse project-based delivery and personal experiments. Filter by collection, search by technology, or sort alphabetically.
Showing 24 works
Project Based · Corporate
Regan Industrial
A custom, mobile-first WordPress build translating detailed designs into a fast and maintainable business site.WordPressPHPFigma
Live site Project Based · Cybersecurity
DataProtect
A secure, responsive corporate website translated from Figma into custom WordPress pages with accessibility, SEO, and speed in mind.WordPressPHPJavaScript
Live site Project Based · Agency
SEO Hacker
Dynamic, SEO-focused WordPress pages built from complex in-house designs, with custom interactions and cross-browser support.WordPressPHPAJAX
Live site Project Based · Corporate
Richtek Solutions
Multiple responsive WordPress pages built from Figma, with dynamic components tailored to the client’s business requirements.WordPressPHPFigma
Live site Project Based · Healthcare
Perpetual Help Medical Center
Professional and accessible hospital website pages developed in WordPress with responsive layouts and SEO-friendly implementation.WordPressPHPJavaScript
Live site Project Based · Consumer
Bonavita Product Page
A conversion-focused product landing page translated from Figma into responsive custom WordPress templates.WordPressPHPFigma
Live site Project Based · Real estate
Laya by Shang Journals
Dynamic editorial journal pages with responsive layouts implemented from supplied Figma wireframes.WordPressPHPJavaScript
Live site Project Based · Real estate
Shang Bauhinia Amenities
A polished amenities experience converted from Figma into responsive, usable WordPress templates.WordPressPHPFigma
Live site Project Based · WordPress
LEGATCY
A detailed Figma-to-WordPress implementation with responsive pages, interactions, and performance work.WordPressPHPFigma
Live site 
Personal · Learning
Azure Reviewer
An interactive Azure review companion designed to make certification study more focused and repeatable.Next.jsAzureLearning tool
Personal · AI experiment
StreetPulse
An urban intelligence concept exploring public signals, traffic data, and sentiment analysis.Next.jsTypeScriptHugging Face
Personal · AI toolkit
AI Analysis Tool
Text analysis, image captioning, and story-generation experiments in one web interface.Next.jsTypeScriptHugging Face
Personal · Game prototype
Low Blade Tower Defense
A web-based strategy game prototype exploring tower-defense mechanics and adaptive behavior.Next.jsTypeScriptGame design
Personal · Social prototype
MY/FUSE
A MERN social-network prototype with sharing, interaction, and database-backed user flows.ReactNode.jsMongoDB
Personal · Productivity
Growth Dashboard
A personal growth dashboard for tracking goals, progress, habits, and meaningful improvement over time.Next.jsDashboardData visualization
Personal · Frontend
HOT/STRINGS
A responsive ramen-store concept built to practice layout, interaction, and Bootstrap fundamentals.HTMLCSSJavaScript
Personal · Healthcare
CBC Dashboard
A dashboard experiment for presenting and interpreting complete blood count results.Next.jsTailwindData visualization
Personal · Portfolio
Vanilla Portfolio
An earlier minimalist portfolio built with the fundamentals: semantic HTML, CSS, and JavaScript.HTMLCSSJavaScript
Personal · Utility
Image Online Converter
A browser-friendly image format conversion and editing utility with a responsive interface.Next.jsTypeScriptTailwind
Personal · Full stack
HOT/STRINGS Capstone
A full-stack bootcamp capstone demonstrating a complete application workflow from concept to deployment.ReactNode.jsMongoDB
Personal · Utility
WhereTo
A location-aware application presenting real-time weather conditions through a focused interface.Next.jsOpenWeather APITailwind
Personal · Calculator
My Wattage
A practical application for estimating device power consumption, backed by structured product data.Next.jsTypeScriptSupabase
Personal · Healthcare
Pediatric Dosage Checker
A responsive dosage-reference tool based on weight and age, built to simplify a careful calculation workflow.Next.jsTailwind CSS