$ cat about.md
I'm a developer with 4+ years of experience building web applications from front to back. I enjoy turning ideas into real, working products — writing clean code, solving hard problems, and shipping things that people actually use.
$ cat skills.md
| Category | Skills |
|---|---|
| Frontend | HTML, CSS, JavaScript, ReactJS, Angular, VueJS, NextJS, TypeScript, TailwindCSS |
| Backend | NodeJS, Laravel, ASP.NET Core, REST API, GraphQL |
| Testing | React Testing Library, Vitest, Cypress, Jest, Playwright, Storybook |
| Database | MySQL, PostgreSQL, Supabase, Drizzle ORM |
| AI Tools | Claude Code, n8n, Claude API, ChatGPT, MCP Integration, Prompt Engineering |
| Other | Git, GitHub, GitLab, Figma, UI/UX, Vercel, CMS Integration, Azure Boards, Jira |
$ gh contribution-graph
$ ls ./experiences/
March 2026 - Present
Full-stack engineer responsible for designing, building, and maintaining the internal technology platform that powers retail operations across 44 store locations. Sole developer bridging the gap between business operations and engineering — translating manual, error-prone workflows into automated, data-driven systems.
$ ls ./contributions/▶
- Developed a 64-component React library (@state-and-liberty/ui) built on Base UI + shadcn patterns with a navy-first design system tailored for data-dense admin interfaces. Ships via both shadcn registry and npm package with full CI/CD to GitHub Pages.
- Designed and built an end-to-end RFID inventory reconciliation system automating cycle count processing across 44 retail stores, reducing per-store correction time from 30+ minutes to under 10 seconds.
- Engineered resilient error handling across 74 workflow nodes — error output branching, failure notifications, idempotent corrections, and a reusable execution replay system for recovering failed mid-pipeline runs.
Jul 2024 - March 2026
As a Frontend Engineer at BK Keyforce, I play a key role in architecting and developing robust, scalable, and performant user interfaces for mission-critical web applications. My responsibilities span across the full frontend development lifecycle, from ideation and prototyping to implementation and optimization. I collaborate closely with cross-functional teams including backend engineers, designers, and product managers to deliver seamless and intuitive user experiences.
$ ls ./contributions/▶
- Contributed to 4 different projects, delivering scalable frontend solutions and collaborating with cross-functional teams to meet business requirements.
- Actively contributed to full-stack application development, building both frontend interfaces and backend services to deliver complete end-to-end solutions.
- Designed and integrated authentication systems, implementing secure flows with token refresh, session management, and role-based access control.
- Applied security best practices including input sanitization, HTTP-only cookies, and Content Security Policy (CSP) to prevent XSS and CSRF attacks.
- Implemented data-fetching strategies with caching, automatic refetching, and optimistic updates to reduce boilerplate by 40% and improve data synchronization.
- Implemented global state management across multiple projects, simplifying state handling and reducing re-render overhead for improved performance.
- Established frontend design patterns including component composition, custom hooks, and state management strategies to ensure scalable, maintainable, and consistent code across the team.
- Developed unit and end-to-end tests using Vitest and Playwright, ensuring code reliability and catching regressions early in the development cycle.
- Leveraged AI-assisted coding tools (GitHub Copilot, Claude) to accelerate development, streamline debugging, and improve code documentation, resulting in 40% faster iteration cycles and more maintainable codebases.
- Utilized Model Context Protocol (MCP) to integrate AI assistants with development tools and external services, enabling context-aware assistance and streamlined workflows.
- Integrated AI-powered design-to-code workflows to transform Figma mockups into production-ready components, reducing manual translation time by 60% while maintaining design fidelity.
- Configured custom agent skills in Claude to enhance AI capabilities for domain-specific tasks, improving code generation accuracy and output quality.
Sep 2022 - Jul 2024
I played a hands-on role in the end-to-end development of various web applications, collaborating across multiple teams to deliver high-quality, functional, and visually consistent web experiences. I contributed to the design, implementation, testing, and optimization of features across several projects, each with unique goals and requirements. Working in a dynamic and fast-paced environment, I frequently interacted with designers, backend developers, QA engineers, and product stakeholders to ensure technical alignment, design fidelity, and user satisfaction.
$ ls ./contributions/▶
- Delivered 5+ CMS projects as a frontend developer, working with clients across various industries and ensuring timely project completion.
- Gained expertise in multiple web frameworks including ReactJS and .NET Blazor, adapting to different tech stacks based on project requirements.
- Integrated headless CMS platforms (NetlifyCMS, Umbraco) and implemented i18n, SEO optimization, and Google services integration.
Jan 2022 - Apr 2022
Designed and built workflow automation systems and internal tools that streamlined operations, replacing manual processes with event-driven pipelines integrating ERP, RFID, and third-party APIs. Developed full-stack dashboards and monitoring tools using Next.js, React, and PostgreSQL, giving operations teams real-time visibility into automated processes. Owned the full lifecycle from requirements gathering with stakeholders to production deployment, debugging live executions, and iterating on business logic. Built resilient, self-recovering automation architecture with error handling, idempotency safeguards, and reusable recovery workflows to maintain zero-downtime operations at scale.
$ ls ./projects/
Daimasu is a high-end Japanese dining establishment in the Philippines. I created their website entirely through AI-assisted development, using Figma MCP and Claude to transform design files directly into production-ready code—without writing code manually. This approach demonstrated how AI tooling can streamline the design-to-development pipeline while maintaining high standards for performance and user experience.
Claude accelerated development by generating well-structured boilerplate and applying modern web development best practices automatically—from performance optimizations and rendering strategies to component architecture and data fetching patterns. The AI consistently produced clean, maintainable code that required minimal manual refinement, showcasing how AI can handle the full spectrum of frontend development tasks.
A Shopify storefront built on a customized Liquid theme, extending an existing base theme architecture. Development was accelerated using Augment Code as an AI-assisted coding tool to modify theme templates, sections, and snippets. Customizations include tailored Liquid template logic, custom CSS/SCSS styling, and JavaScript enhancements integrated within Shopify's theme structure. The theme leverages Shopify's section schema for merchant-configurable components while maintaining compatibility with Shopify's Online Store 2.0 framework.
The Cage System is an internal project management and operations dashboard developed for streamlining workflows within Betrnk’s junket management ecosystem. As part of the frontend engineering team, I helped design and implement a dynamic interface that consolidates complex data and access-controlled operations into a single, intuitive platform.
I was responsible for building modular, responsive UI components using Next.js and Tailwind CSS, integrated with Zustand for state management and React Hook Form for flexible form workflows. The system supports role-based access, dynamic permissions, and authenticated routing using NextAuth allowing secure and personalized access across multiple user tiers.
Transport Ops is a comprehensive logistics and operations management system designed to streamline and digitize daily transport operations within SpanAsia. The platform’s core purpose is to provide real-time visibility and centralized control over container movement, fleet coordination, and terminal logistics — ultimately enhancing operational efficiency and regulatory compliance across the organization. Transport OPS is integrated with LogiNext, enabling features like optimized route planning, real-time GPS tracking of trucks, and automated status updates for container movements.
Philippine Span Asia Carrier Corporation (PSACC), a leading domestic shipping line in the Philippines. The goal of the project was to build a fast, accessible, and visually cohesive website that communicates the company’s services, vessel schedules, and shipping operations while remaining easy to maintain through a lightweight content management system.
I led the creation of a custom design system using Radix UI primitives, before the emergence of frameworks like ShadCN.
A Shopify storefront built on a customized Liquid theme, extending an existing base theme architecture. Development was accelerated using Augment Code as an AI-assisted coding tool to modify theme templates, sections, and snippets. Customizations include tailored Liquid template logic, custom CSS/SCSS styling, and JavaScript enhancements integrated within Shopify's theme structure. The theme leverages Shopify's section schema for merchant-configurable components while maintaining compatibility with Shopify's Online Store 2.0 framework.
$ cat ./testimonials/
QA Engineer — BK Keyforce
$ cat testimonial.txt▶
Working with Aaron for the past four months has made my life so much easier. They handle everything from the behind-the-scenes logic to the parts our customers actually see. They are proactive, easy to talk to, and they consistently deliver great work on time. I can’t recommend them enough.
UI/UX Designer — BK Keyforce
$ cat testimonial.txt▶
It was a great opportunity for me to work with Aaron. He’s one of the front-end developers I frequently collaborate with. He works quickly and delivers high-quality output. He also enjoys sharing the latest trends and updates in development technology, which makes working with him even more inspiring.
QA Engineer — BK Keyforce
$ cat testimonial.txt▶
Working with Aaron is a very smooth experience. As the front-end developer I've worked with since joining the company, he consistently delivers high-quality features. I encounter very few bugs in his work, which allows me to test and validate his developments quickly and efficiently.
Backend Engineer — BK Keyforce
$ cat testimonial.txt▶
He is a highly skilled Frontend Developer who consistently delivers clean, responsive, and user-friendly interfaces.
Senior Backend Engineer — BK Keyforce
$ cat testimonial.txt▶
Working with Aaron has been a great experience. He's the kind of developer you can throw any problem at and trust he'll figure it out. Really solid with both frontend and backend, and he genuinely cares about writing good code, not just code that works, but code that's easy to maintain. He's also just a good person to work with, always willing to help out and share what he knows. Highly recommend him.
Senior Backend Software Engineer — Tech Company
$ cat testimonial.txt▶
I’ve had the pleasure of working with a highly skilled Frontend Engineer who specializes in React.js and Next.js. He consistently delivers fast, scalable, and user-friendly web applications with clean, maintainable code. His attention to detail and strong understanding of modern frontend best practices ensure every project is both visually polished and performance-driven. Beyond his technical expertise, he’s reliable, proactive, and great to collaborate with. I highly recommend him to anyone looking for a talented and dedicated frontend developer.
Mobile Application Developer — BK Keyforce
$ cat testimonial.txt▶
I’ve had the opportunity of working with Aaron for the past year, and he’s been a standout front-end developer on our team. What sets him apart is his genuine passion for his craft — he doesn’t just get the job done, he cares deeply about the quality of his work. He’s a fast learner and always eager to learn from others, which shows his humility and drive to grow. Beyond his technical skills, Aaron is always willing to share his knowledge and lend a hand to his teammates, making everyone around him better. Any team would be lucky to have him.