Back to Home

Works / 2024 — 2026

Full Project Gallery

One Barangay Portal

One Barangay: Serving Brgy. Bug-Ang

HTMLTailwindCSSPHP / PHPMailerMySQL

One Barangay is a centralized digital ecosystem designed to streamline civic workflows and bridge the communication gap between local government and its citizens. The portal features automated document request processing (from clearances to appointments) with 24/7 transaction ID tracking, an integrated grievance management system, automated email notifications for document readiness, and a real-time community bulletin for critical public announcements like local health programs and vaccination drives.

View Live ↗
Play Game

Play Before You Learn

HTML CanvasCSS3 AnimationsVanilla JSFirebase

Play Before You Learn is a gamified educational platform that pairs an interactive runner-style game with real-time data synchronization to boost student engagement. It utilizes a cloud-integrated backend to manage player progress, high scores, and dynamic learning content, creating a seamless bridge between play-based mechanics and academic tracking.

View Live ↗
Julia Velez

Julia Velez: Professional Portfolio

HTMLCSS3Swiss Style

Julia Velez: Professional Portfolio is a high-end personal branding platform built with pure HTML5 and CSS3, utilizing a minimalist "Swiss-style" aesthetic and glassmorphism effects. It showcases advanced front-end craftsmanship and mobile-first responsiveness, delivering a premium, performance-optimized digital presence without the overhead of external frameworks.

View Live ↗
Click to Care

Click to Care

PHPTailwindCSSMySQL

E-Consult healthcare platform designed to digitalize patient profiling and consultation workflows for City Health Office of Escalante City. By replacing manual logbooks with a centralized PHP-native system, it automates patient queuing, vital signs recording, and medical history tracking—drastically reducing waiting times and improving data accessibility for healthcare workers.

View Live ↗
BOP Admin

Barangay Old Poblacion Online Clearance

HTMLTailwind 3.4PHPMySQLPHPMailer

BOP Administrative Suite is a modern web-based governance platform created to address the challenges of manual paperwork and in-person processing in local government operations. The system was designed to reduce administrative workload, improve efficiency, and allow citizens to access services online without needing to physically appear at the city hall due to fairs, scheduling conflicts, distance, or other inconveniences.

View Live ↗
e-Barangay Hub

e-Barangay Hub

HTMLNative PHPVanilla JSMySQLPHPMailer

e-Barangay Service Hub is a full-stack digital transformation platform built to modernize local government workflows. It features a complete end-to-end pipeline that transitions manual document processing into a secure digital workflow—integrating persistent resident profiling, real-time request tracking, and an automated SMTP notification system to eliminate physical foot traffic and administrative delays.

View Live ↗
VGDH System

VGDH Appointment

HTMLTailwindNative PHPMySQL

VGDH Online Appointment System is a full-stack healthcare solution developed to modernize the Victorian General District Hospital's scheduling process. It eliminates traditional physical queues by providing a remote, real-time portal where patients can secure consultations, while hospital staff manage daily patient loads through a unified administrative dashboard.

View Live ↗
Uswag Balintawak

Uswag Balintawak

TailwindCSSJavaScriptPrototype

A functional service portal demo showcasing a "Transparent Governance" interface where residents can track requests in real-time.

View Live Demo ↗

Integretech

BootstrapJavaScriptPHP

Full-stack healthcare management system optimizing patient data handling and clinic workflows across multiple departments.

No Live Demo

TradeSim - Monte Carlo Simulator

HTMLTailwindCSSPythonJSPHP

A professional-grade trading strategy simulator that uses Stochastic Modeling (Monte Carlo) to run thousands of iterations, stress-testing user-defined strategies against historical volatility curves and generating probability distributions for real-world decision-making.

No Live Demo
Guess Logic

Guess The Number

HTMLTailwindCSSJavaScript

Interactive application developed for CICTE Business Week 2025. Features real-time feedback and persistent local storage tracking.

View Live ↗
Gift Portal

Aguinaldo Gift Portal

TailwindCSSBlob APIJS

A seasonal micro-site featuring dynamic gift generation, snow particle effects, and a mobile-first layout for easy sharing.

View Live ↗