🎓 Bachelor of Science in Computer Science — Tarlac State University
💼 Frontend Developer based in the Philippines 🇵🇭, working toward becoming a Full-Stack Developer
⚡ I specialize in engineering high-performance frontend architectures and seamless user experiences — turning designs into living, breathing interfaces.
🔄 I'm actively extending that foundation into backend engineering — APIs, databases, and server-side logic — so I can own a feature end-to-end, not just the UI layer.
🌉 I bridge the gap between complex requirements and elegant, maintainable code, on both sides of the stack.
My roadmap: frontend mastery today, full-stack ownership next. Three pillars I'm actively working toward:
|
Master Advanced React & Next.js Architecture Build production-grade SPAs and SSR apps with optimized rendering strategies, state management, and performance-first patterns like code splitting and lazy loading — see AeroWeather below. |
Achieve UI/UX Design Fluency Bridge the gap between design and engineering — master Figma-to-code workflows, design systems, accessibility (WCAG 2.1 AA), and micro-interaction design that elevates user delight. |
Transition Into Full-Stack Engineering Extend frontend expertise into backend territory — APIs, relational databases, auth, and server-side logic (PHP/Laravel, MySQL) — to design, build, and ship complete applications end-to-end, as in Smart HRMS and Online Resume Builder. |
Projects below are ordered to trace the actual arc: programming fundamentals, then frontend depth, then the first steps into owning the backend too.
|
Java Calculator GUI calculator built with Java Swing for a Computer Programming / Capstone requirement — the four basic operations plus percentage, with a custom launch screen and credits window. Early practice with event-driven UI and OOP structure.
|
I Love Music 1.0 Java Swing desktop music player — a Spotify-like app built for a Computer Programming Lab case study. Covers frame/panel composition, custom UI components, and file I/O for reading local media.
|
|
AeroWeather A modern weather dashboard built solo with Next.js 16 (App Router, Turbopack) and React 19 — a glassmorphic, single-scroll interface with live forecast, air quality, and geocoding data from Open-Meteo, weather-driven gradient theming, an interactive Leaflet map, and unit-tested utility logic (Vitest). No backend by design — all state is client-side — making it a focused showcase of advanced frontend architecture.
|
TSU Online Library A hackathon redesign of the college library's website, built as part of a 3-person team. Focused entirely on UI/UX — a modernized book/thesis gallery, catalog filtering, and guest/login access — using plain HTML, CSS, and JavaScript under a tight timebox.
|
|
Online Resume Builder An ATS-friendly resume builder built with a 5-person team for a Web Programming course — the first project where I worked past the UI into the backend: PHP handles registration, login, session/account management, and resume-data persistence against a MySQL database, alongside the HTML/CSS/JS frontend.
|
Smart HRMS The current flagship project — a full-stack Laravel 12 + React 19 (Inertia.js v2) HR platform with role-aware access for employees, evaluators, HR, and PMT officers. Backed by MySQL and four Python-based AI modules (rule-based leave/IPCR routing, a linear-regression performance predictor, a real-time attendance analytics dashboard, and a content-based training recommender), and shipped as a desktop app via Electron. This is where frontend skill meets backend architecture, data modeling, and system design.
|
I'm open to internships, freelance projects, open-source collaborations, and full-time frontend roles — with an eye toward full-stack opportunities as I grow into the backend.
