Everything You Desire
Crafted through code, interaction, and design
Full-Stack Developer — Portfolio
Table Of Content
Overview
Selected Works
What I Do
Get In Touch
Full-Stack Developer
Building web and mobile applications end-to-end
I design and develop scalable web and mobile applications, handling
everything from interface and interaction to backend systems and
deployment.
My focus is on performance, clarity, and real-world usability.
SwiftServe
01
Web
Freelance
About the Project
A cross-platform POS system built as a Progressive Web App, enabling billiard halls to manage table availability,
inventory, reservations, and payments efficiently from a single system.
NEXT.JS • REACT • TAILWIND CSS • FIREBASE
The Challenge
Bridging the gap between traditional billiard hall
management and modern fintech solutions. The goal
was to develop a robust, cross-platform Progressive
Web App that provides the power of a desktop POS
with the mobility of a tablet, ensuring that management
has total visibility over revenue and staff activity from
any location.
Project Details
Role: Full-Stack Developer
Company: Freelance
Year: 2024
Student Listing
02
Web
Freelance
About the Project
A specialized web portal designed for STI College - San Jose Del Monte to digitize and automate the student
pre-enlistment process. The system allows students to select subjects, manage schedules, and submit their intent to
enroll, while providing administrators with a streamlined dashboard to track student demand and course availability.
NEXT.JS • REACT • TAILWIND CSS • MONGODB
The Challenge
Replacing a manual or fragmented enlistment process
with a centralized digital solution. The goal was to
create a friction-less user journey that prevents
scheduling conflicts and ensures students can complete
their pre-enlistment in minutes rather than hours, all
while maintaining data integrity for the registrar.
Project Details
Role: Full-Stack Developer
Company: Freelance
Year: 2024
Familywise
03
Web
Freelance
About the Project
Family Wise is a dedicated digital sanctuary designed for families to document, preserve, and pass down their unique
histories. Moving beyond simple photo storage, the platform provides a structured environment for recording oral
histories, organizing multi-generational timelines, and securing a digital legacy that remains accessible for future
generations.
NEXT.JS • REACT • TAILWIND CSS • MONGODB • AWS S3
The Challenge
Creating a digital experience that bridges the
generational gap. The objective was to design an
interface that is sophisticated enough for modern users
but intuitive enough for elderly family members to
contribute their stories without technical frustration,
ensuring the preservation of 'vanishing' memories
before they are lost.
Project Details
Role: Full-Stack Developer
Company: Freelance
Year: 2023
Firefly Security
04
Web
Personal
About the Project
Firefly Security is a conceptual landing page designed for a high-end digital asset security firm. The project focuses
on high-fidelity UI/UX, utilizing a dark-mode aesthetic, glowing glassmorphism effects, and premium typography to
communicate trust, high-tech protection, and financial security.
NEXT.JS • REACT • TAILWIND CSS • CANVAS
The Challenge
Creating a visual identity for a cybersecurity firm that
feels both 'cutting-edge' and 'secure.' The challenge was
balancing complex visual elements—like neon accents
and deep shadows—without sacrificing readability or
site performance. I aimed to prove that security
software doesn't have to look boring or corporate; it
can be sleek, immersive, and modern.
Project Details
Role: Creative Developer / UI/UX Designer
Company: Concept Design
Year: 2023
Whispr
05
Web
Freelance
About the Project
Whispr is a lightweight, real-time messaging platform engineered for discreet and anonymous communication. By
leveraging Firebase's instant data synchronization, the app provides a seamless 'chat-and-vanish' experience where
privacy and speed are prioritized without the need for traditional account overhead.
NEXT.JS • REACT • TAILWIND CSS • FIREBASE
The Challenge
The primary obstacle was managing real-time state
across multiple clients while maintaining strict
anonymity. I had to architect a database structure in
Firebase that ensures messages are delivered instantly—
with no perceptible lag—while implementing secure,
session-based identity protocols that protect user
privacy without compromising the user experience.
Project Details
Role: Full-Stack Developer
Company: Freelance
Year: 2024
Scan Gate
06
Cross-Platform
Freelance
About the Project
Scan Gate is a hybrid attendance ecosystem bridging hardware and software. It features an Arduino RFID reader
that syncs with a cross-platform mobile app (Expo) and a desktop dashboard (Next.js & Electron). The system
automates the attendance loop by providing real-time monitoring for teachers and instant email notifications for
parents, ensuring student safety through IoT integration.
NEXT.JS • REACT • TAILWIND CSS • EXPO • GMAIL SMTP • FIREBASE
The Challenge
Synchronizing physical hardware with multiple software
platforms (Mobile and Desktop) creates a massive data
synchronization hurdle. I had to ensure that an RFID
scan on an Arduino device instantly triggered cloud
database updates and automated email notifications
without a single second of lag.
Project Details
Role: Full-Stack Developer
Company: Freelance
Year: 2025
What Can I Do
Design and build scalable web applications, handling
frontend, backend, authentication, and data flow from
start to deployment.
Develop mobile applications for iOS and Android using a
single codebase, focused on performance and usability.
What Can I Do
Build secure backend systems, databases, and APIs that
support real-time features and business logic.
Structure applications for maintainability, scalability, and
clean data handling.
Implement responsive, user-focused interfaces that work
consistently across devices.
Have an idea? Let's make it real.
Reach out through any of these channels: