About

I started my journey into web development back in 2016, tinkering with HTML and CSS to customize Tumblr themes. Fast-forward to today, and I've had the privilege of building software for a fintech startup, a Fortune 500 company, and a leading design agency.

My main focus these days is building accessible, pixel-perfect user interfaces at Veritas Technologies. I craft thoughtful, inclusive digital experiences that bridge the gap between design and engineering.

When I'm not at my computer, I'm usually climbing, reading sci-fi novels, or exploring the Bay Area's coffee scene with my dog, Pixel.

Experience

  1. 2023 -- Present

    Senior Frontend Engineer @ Veritas Technologies

    Lead the development of the company's next-gen dashboard platform, serving 50k+ daily active users. Architected a component library from scratch using React, TypeScript, and Tailwind CSS. Reduced bundle size by 40% through strategic code-splitting and lazy loading.

    • React
    • TypeScript
    • Next.js
    • Tailwind CSS
    • Storybook
    • Playwright
  2. 2021 -- 2023

    Frontend Engineer @ Axiom Financial

    Built and maintained critical trading interface components handling real-time market data. Implemented an accessible design system used across 12 product teams. Collaborated closely with designers and product managers to ship features on tight quarterly cycles.

    • React
    • TypeScript
    • GraphQL
    • Styled Components
    • Jest
    • Cypress
  3. 2019 -- 2021

    UI Developer @ Prism Design Studio

    Developed pixel-perfect marketing sites and web applications for a diverse portfolio of clients. Translated complex design systems from Figma to production-ready code. Mentored two junior developers and introduced modern tooling practices to the team.

    • JavaScript
    • React
    • SCSS
    • WordPress
    • GSAP
    • Webpack
  4. 2017 -- 2019

    Junior Developer @ BrightSpark Labs

    Built responsive layouts and interactive UI components for SaaS products. Migrated a legacy jQuery codebase to React, improving maintainability and developer experience. Contributed to internal tools used by the engineering team.

    • HTML
    • CSS
    • JavaScript
    • React
    • jQuery
    • Bootstrap

Projects

  1. Momentum Dashboard

    A real-time analytics dashboard for SaaS metrics with interactive charts, keyboard navigation, and dark mode. Built to demonstrate complex state management and data visualization at scale.

    • Next.js
    • TypeScript
    • Recharts
    • Tailwind CSS
    • Zustand
    Screenshot of Momentum Dashboard
  2. Typeform Clone

    A multi-step form builder with drag-and-drop reordering, conditional logic, and smooth animations. Features real-time collaboration and form analytics.

    • React
    • TypeScript
    • Framer Motion
    • DnD Kit
    • Supabase
    Screenshot of Typeform Clone
  3. Design System Kit

    An open-source component library with 40+ accessible components, comprehensive documentation, and a Figma plugin for design-to-code sync. Adopted by 200+ developers.

    • React
    • TypeScript
    • Storybook
    • Radix UI
    • Tailwind CSS
    Screenshot of Design System Kit
  4. Rhythm Music Player

    A web-based music player with waveform visualization, playlist management, and keyboard shortcuts. Focus on performance with Web Audio API and canvas rendering.

    • Next.js
    • Web Audio API
    • Canvas
    • TypeScript
    • Tailwind CSS
    Screenshot of Rhythm Music Player