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 27 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 · Corporate
LEGATCY
A detailed Figma-to-WordPress implementation with responsive pages, interactions, and performance work.WordPressPHPFigma
Live site 
Personal · Learning
Web Play Portfolio
An interactive portfolio showcasing web development projects, technical skills, and creative experiments through a modern, responsive interface with Web3-inspired interactions.ViteWeb3
Personal · Learning
Mood Drop
A mood-tracking app that visualizes emotional patterns through daily entries, live feeds, interactive mapping, and location-based insights.Next.jsAzureLearning Tool
Personal · Learning
ShiftWise
A scheduling and productivity tool for organizing work shifts, tracking schedules, and helping users better manage their working time.Next.jsAzureLearning Tool
Personal · AI Experiment
StreetPulse
An urban intelligence concept combining public signals, traffic data, and AI sentiment analysis to explore real-time, location-aware city insights.Next.jsTypeScriptHugging Face
Personal · Learning
Azure Reviewer
An interactive Azure certification study companion featuring structured topics and knowledge checks for focused, repeatable technical review.Next.jsAzureLearning Tool
Personal · AI Toolkit
AI Analysis Tool
An AI toolkit combining text analysis, image captioning, and story generation experiments within a unified web interface.Next.jsTypeScriptHugging Face
Personal · Game Prototype
Low Blade Tower Defense
A browser-based tower-defense prototype exploring strategic placement, enemy waves, progression systems, and adaptive gameplay mechanics.Next.jsTypeScriptGame Design
Personal · Social Prototype
MY/FUSE
A MERN-based social networking prototype featuring content sharing, user interaction, and database-backed social workflows.ReactNode.jsMongoDB
Personal · Productivity
Growth Dashboard
A personal growth dashboard for tracking goals, habits, progress, and long-term improvement through structured data and visual insights.Next.jsDashboardData Visualization
Personal · Frontend
HOT/STRINGS
A responsive ramen-store concept built to practice frontend fundamentals, interactive layouts, navigation, and Bootstrap-based UI development.HTMLCSSJavaScript
Personal · Healthcare
CBC Dashboard
A healthcare dashboard concept for presenting complete blood count results through structured data displays and visual interpretation.Next.jsTailwindData Visualization
Personal · Portfolio
Vanilla Portfolio
An early minimalist portfolio demonstrating responsive web development using semantic HTML, CSS, and vanilla JavaScript without a framework.HTMLCSSJavaScript
Personal · Utility
Image Online Converter
A browser-based image conversion utility for transforming common image formats through a simple, responsive interface.Next.jsTypeScriptTailwind
Personal · Full Stack
HOT/STRINGS Capstone
A full-stack restaurant application demonstrating frontend development, backend services, database integration, and end-to-end deployment.ReactNode.jsMongoDB
Personal · Utility
WhereTo
A location-aware weather app that retrieves real-time conditions and presents environmental data through a focused, responsive interface.Next.jsOpenWeather APITailwind
Personal · Calculator
My Wattage
A power-consumption calculator that uses structured device data to estimate wattage and help users understand everyday energy usage.Next.jsTypeScriptSupabase
Personal · Healthcare
Pediatric Dosage Checker
A healthcare calculation tool exploring weight- and age-based dosage references through structured inputs and a clear, responsive interface.Next.jsTailwind CSS