Back to portfolio

Profile

Senior Frontend Engineer with 10+ years of experience across Angular, TypeScript, React, Web Components, design systems, and large-scale frontend modernization.

Strong track record in cross-framework UI architecture, accessibility, reusable component systems, developer experience, and shipping production interfaces for enterprise and client-facing products.

Hands-on builder of personal products as well, spanning mobile, SaaS, AI-assisted workflows, and end-to-end content systems.

Evaluates AI-generated code against production standards: tracing reactive data flows, reviewing architecture and edge cases, and turning findings into clear, actionable feedback.

Experience

Senior Frontend Engineer

iO Digital

Feb 2026 — Present

Cross-framework UI architecture, design systems, and product-grade frontend delivery.

  • Independently designed and built io Design System, a 63-component Stencil Web Components platform with real accessibility engineering, a CI-gated token governance suite, and distribution to React, Angular, and Vue.
  • Drove the frontend and UX rebuild of an existing Kotlin/Spring Boot and React expense-management platform alongside one backend engineer, shipping a complete document-attachment feature with security hardening and PDF export integration.
  • Built io Chat, an embeddable AI chat-widget platform (Angular, Hono, Postgres) with a hand-rolled streaming widget and a document-retrieval pipeline against an internal AI gateway.
  • Extended an AI-powered candidate-search feature with a Reciprocal Rank Fusion layer and an LLM-based query-intent classifier within an existing multi-engineer Next.js codebase.
  • Led the internal customization of an open-source AI design-prototyping tool into an iO-branded product, integrating an internal AI gateway and building a new structured-output video-generation pipeline.
  • Established design-token governance, accessibility baselines, and AI-assisted development standards adopted across shared UI surfaces and an existing team codebase.

Stencil, Web Components, Angular, React, Vue, Next.js, TypeScript, Hono, Tailwind CSS, Playwright, Vitest

Frontend Developer

Lunatech

Jan 2023 — Feb 2026

Frontend modernization across enterprise web, mobile, and analytics-heavy applications.

  • Built a conversational frontend for AI-powered analysis workflows, replacing a form-based reporting flow with natural-language querying.
  • Led the migration of a large Angular application from v13 to v20, introducing Angular Signals to improve reactivity and simplify state updates.
  • Built React web and companion React Native applications for workforce insights, reporting, and cross-device access.
  • Developed modular, testable UI systems in TypeScript and SCSS with a strong focus on maintainability and scale.
  • Investigated production incidents and delivered hotfixes, verifying each fix before redeployment, with on-call responsibility during active incidents.
  • Maintained the GitLab CI/CD pipeline covering linting, type-checking, and automated builds.

Angular, React, React Native, NestJS, PostgreSQL, TypeScript, SCSS, NgRx, RxJS, GitLab CI/CD

Frontend Developer

Accenture

Sep 2021 — Jan 2023

Responsive product delivery across web and mobile.

  • Built Angular and React interfaces for insurance and wellness product workflows, using Angular Material for a consistent, accessible design system.
  • Developed React Native mobile experiences and integrated frontend applications with Java and C# APIs, aligning frontend and backend on evolving contracts.
  • Worked in Agile product teams with a focus on accessibility, responsive behavior, and release discipline.

Angular, React, React Native, Angular Material, Java, C#, GitLab CI/CD, NgRx, RxJS

Frontend Developer

DXC Technology

Jan 2020 — Sep 2021

Transport and benefits platform work spanning dashboards, reporting, and multilingual UX.

  • Developed Angular dashboards and customer portals for transportation and benefits workflows, meeting WCAG AA accessibility requirements in a compliance-sensitive government context.
  • Built React and Power BI reporting interfaces and integrated multilingual reporting experiences.
  • Implemented unit tests with Jasmine and Karma and automated Cypress E2E coverage, and supported Agile planning, estimation, and delivery.

Angular, React, Power BI, Azure, SQL Server, Cypress, Jasmine, Karma

Full Stack Engineer

RCG Global Services

Jun 2017 — Jan 2020

Large-scale e-commerce modernization and shared UI platform work.

  • Modernized booking and ticketing systems, migrating legacy flows to modern Web Component SPAs.
  • Built and maintained a shared design system with reusable components, accessibility standards, theming, and documentation.
  • Contributed to micro frontend architecture and integrated frontend applications with Java and Node.js services.

Web Components, Design Systems, Micro Frontends, Java, Node.js, CI/CD

Full Stack Engineer

Zone Laser Support Systems

Feb 2016 — Jun 2017

Real-time operations tooling for laser tag venues.

  • Developed real-time leaderboard systems with AngularJS and WebSocket streams.
  • Exported SPA flows into Android APKs for tablet and kiosk deployment.
  • Built AWS-backed member portals and kiosk systems with PHP and Symfony.

AngularJS, WebSockets, AWS, DynamoDB, Amazon S3, PHP, Symfony

Selected Projects

Diwa Copilot (Personal product)

Cross-platform communication coaching and knowledge-management app: Electron desktop client, Next.js backend, multi-provider AI orchestration, and a Vertex AI RAG pipeline over user documents.

Electron, React 19, Next.js, TypeScript, Gemini, Vertex AI

Diwa Design System (Personal product)

A 60-component Stencil Web Components design system with a validated token architecture and real accessibility engineering, distributed to React, Angular, and Vue, with a standalone Next.js documentation site.

Stencil, Web Components, TypeScript, React, Vue, Angular

Dutch Defend (Personal product)

Full-stack financial-planning app for expats in the Netherlands: React Native/Expo mobile client on Google Play, a Next.js API and admin backend on Cloud Run, and Stripe-backed payments, owned end to end from architecture to release.

React Native, Expo, Next.js, TypeScript, Firebase, Stripe

View project →

PitikPh (Personal product)

Search-first marketplace connecting motorcycle photographers and riders in the Philippines, with photographer, rider, and admin experiences, license-plate photo search, and a dedicated image-processing microservice with Xendit payment integrity.

Next.js 16, React 19, Prisma, PostgreSQL, Xendit, Terraform

Flits (Personal product)

Mobile app that extracts calendar events from photos using a schema-validated Gemini vision pipeline, with server-side entitlement verification and native iOS/Android detection modules, live on Google Play.

React Native, Expo, TypeScript, Gemini, Firebase

View project →

Rideword (Personal product)

Free-during-beta macOS/Windows teleprompter overlay (Electron, React, TypeScript) with a hardened IPC security model, LemonSqueezy license-verification infrastructure, and voice-paced scroll, backed by 594+ automated tests.

Electron, React 18, TypeScript, Vite, Web Audio API, Playwright, GitHub Actions

View project →

Pinas2Polder (Personal project)

Content and automation system behind the relocation resource hub, including topic generation, orchestration, rendering, and CMS workflows.

React, n8n, Remotion, Postgres, Express

View project →

URABES ROPETECH (Freelance project)

Responsive public website for a rope-access and exterior-services company, built to establish credibility, present services clearly, and route enquiries into a lean contact flow.

WordPress, Elementor, Responsive Design, SEO basics

View project →