About Me
I'm a Lead Frontend Developer with 7+ years of experience building scalable web applications. I specialize in TypeScript, React, Vue.js, and modern frontend architectures with a focus on performance optimization and team leadership.
I have a proven track record of leading teams, establishing development standards, and delivering high-performance user interfaces for enterprise applications across various industries including fintech, ERP systems, and mobile platforms.
Beyond code, I'm passionate about bodybuilding 💪 — the same discipline, consistency, and progressive overload mindset that builds muscle also drives my approach to software development. Whether it's optimizing code performance or hitting new PRs, it's all about showing up every day and getting 1% better.
Core Technologies
Experience
Development Lead
Spearheading frontend architecture and team leadership across the Philippines division. Architected and delivered a comprehensive UI component library from the ground up, resulting in 50% faster development cycles. Established organization-wide UI testing standards and mentorship programs, driving technical excellence and team growth.
Senior Full-Stack Engineer
Orchestrated end-to-end development of enterprise ERP CRM solutions, leading agile sprint planning and cross-functional stakeholder alignment. Delivered high-performance real-time dashboard and submission tracking systems, optimizing component performance and eliminating rendering bottlenecks for enhanced user experience.
Senior Frontend Engineer
Engineered scalable, reusable UI component architecture for Electronic Point of Sales systems deployed across major insurance providers including Chubb Thailand and FWD. Pioneered innovative Co-Browsing functionality and streamlined authentication workflows, enhancing client engagement and system security.
Engineer
Developed enterprise-grade Samsung Privacy application with advanced accessibility features including Text-To-Speech and comprehensive tab navigation. Created sophisticated DID Tool for global translation management and earned advanced software certification while serving as technical instructor for JavaScript/Node.js curriculum.
Software Engineer
Architected comprehensive data management platform for chatbot analytics and real-time user session monitoring. Engineered seamless live chat handover system and innovative template framework that accelerated development workflows by 70%. Recognized with 1st place victory at Facebook Messenger Hackathon 2018.
Software Engineer
Delivered robust KMC Visitors Login system featuring multi-channel notification architecture (Skype, SMS, email integration). Built comprehensive Strategic Sound Design platform for automated media scheduling and sophisticated user management, successfully deploying production applications to Windows Server environments.
Featured Projects
Personal Portfolio Website
Fully tested and accessible personal portfolio built with modern React ecosystem. Features comprehensive test coverage (95%+), accessibility compliance (WCAG 2.1), modular component architecture, and CI/CD pipeline. Showcases advanced TypeScript patterns, custom hooks, and performance optimization techniques.
TravelCon Traveller PWA
Progressive web app for travellers to search, discover, book, and manage tours across the Philippines. Mobile-first PWA with modern tech stack including Radix UI, Zod validation, and TanStack Router. Currently in active development.
TravelCon Admin Dashboard
Enterprise-grade business management platform with advanced data visualization, drag-and-drop interfaces, and comprehensive analytics. Features sophisticated form handling, real-time charts, and streamlined workflow management for tour operators.
Component Library & Design System
Enterprise-grade UI component library built from scratch using modern design principles, accessibility standards, and comprehensive testing coverage for scalable frontend development.
Code & Gains
The same principles that build muscle also build exceptional software: consistency, progressive overload, and intelligent adaptation.
Here's how I apply bodybuilding discipline to software development — systematic training for consistent growth.
Training & Domain Expertise
Domain expertise is what makes systems truly valuable. Here's a training plan generator that combines systematic logic with real bodybuilding knowledge.
Training Plan GeneratorBuilt with domain expertise
What do you want to workout today?
Asymptotic Growth Mindset
In both bodybuilding and software development, the journey never ends. Every expert is still a beginner in disguise. These trackers show how small daily efforts compound over time.
Bodybuilding Journey
Coding Journey
💡 The Key Insight: Progress slows as you advance, but it never stops. A 10-year veteran and a 1-year developer are both still growing — just at different rates on the same infinite curve.
The Discipline Code
This isn't just philosophy — it's code. Here's how I model the growth mindset that drives both muscle development and software mastery.
// Asymptotic Growth - Never Stop Learning 🚀
const calculateProgress = (days: number) => {
// Approaches mastery but never reaches it
const progress = 100 * (1 - Math.exp(-days / 1000));
return {
currentLevel: Math.floor(progress),
nextChallenge: "There's always more to learn",
philosophy: "The moment you think you know it all...",
truth: "...you realize you know nothing 🧠"
};
};
// The Beginner's Mind - Mental & Physical
const stayHumble = (experience: number) => ({
mastery: experience > 1000 ? "Still a student" : "Beginner",
mindset: "Every day is day 1 💪",
growth: "Infinite learning ahead ∞"
});"Every day is day 1" — Whether you're adding weight to the bar or complexity to your codebase, the beginner's mind keeps you growing infinitely. 🚀💪