Projects
Trackr
Track your financial transactions and manage your budget.
A finance tracking app that logs expenses, manages budgets, visualizes spending, and provides AI-powered insights.
Elyu
A tourism landing page for La Union, beyond the surf.
Showcases La Union's 20 towns, hidden falls, heritage spots, and trip planning through a modern editorial-style landing page.
Weather Forecast
Fetches real-time weather updates dynamically.
A responsive weather app built with a third-party API, supporting location search, automatic user location detection with ISP fallback, and a default to Manila when unavailable.
IP Address Tracker
Auto-detects location & tracks IPs/domains.
Retrieves and displays geolocation data based on a user-provided IP address or domain, integrating with a geolocation API and dynamically updating a map interface.
TODO App
Manage tasks with dark mode and local storage.
Allows users to create, filter, complete, and delete tasks with persistent storage to retain data across sessions, built with a responsive and clean interface.
Countdown Timer
Live countdown that ticks down every second.
Tracks the remaining time until a specified date or event with real-time updates and a fully responsive layout.
Multi Step Form Validation
Built-in validation that ensures accurate user input before progressing between steps.
Uses structured validation to verify user input at each step, providing real-time feedback and preventing incomplete submissions.
Wisdom Generator
Generates random pieces of wisdom or advice through an interactive and responsive interface.
Fetches and displays random advice from an external API, updating dynamically on user interaction with a clean and responsive layout.
Mortgage Calculator
Computes monthly mortgage payments with real-time updates based on user input.
Uses loan amount, interest rate, and term inputs to dynamically generate payment breakdowns and total repayment insights.
Age Calculator
Calculates a user’s exact age based on their birth date.
Determines precise age in years, months, and days using date validation and real-time calculation logic.
Manage Landing Page
A responsive landing page layout with interactive sections and clean design.
Features a modern landing page structure with responsive design, smooth navigation, and visually appealing content sections.
Next Generation Landing Page
A modern, responsive landing page with interactive sections and polished design.
Uses structured validation to verify user input at each step, providing real-time feedback and preventing incomplete submissions.
Grid Responsive Testimonials Layout
Organizes multiple testimonials in a clean, flexible grid.
Uses CSS Grid to display testimonials neatly, adapting seamlessly to different screen sizes.