Who am I?
I began my journey in web development at an early age, assisting my mom with her local web design business in the San Francisco Bay Area. From the start, I discovered a natural affinity for creating intuitive, engaging websites, a passion I've nurtured throughout my career. My formal education in design at Los Medanos College in Pittsburg, CA, combined with a self-driven quest to master front-end technologies, has been pivotal in my professional growth.
Early in my career, I worked with various design and development agencies across the Bay Area, crafting websites for both large corporations and small businesses. This diverse experience exposed me to a wide array of projects—from marketing sites and e-commerce platforms to SAAS web applications, design systems, component libraries, and CMS-powered brochure sites. Notably, I contributed to projects for Kaiser Permanente and Netflix, where I played key roles in delivering impactful user experiences.
Transitioning to the startup world, I joined Teespring, a creator-commerce platform, where I led front-end strategy company-wide. I collaborated closely with the design team to develop a React-based component library and design system, and was a key developer on the White Label Stores project, which became a major growth driver for the company. At Netlify, I started on the Growth team, where I built MVPs and used data-driven experimentation to identify and A/B test growth opportunities. Later, I moved to the enterprise experience team, where I focused on enhancing the value proposition of Netlify's product for our enterprise customers.
When I'm not in front of my computer, you'll likely find me hiking around the Pacific Northwest with my wife and dog, or working through an extensive backlog of retro video games.

What have I been up to?
I've had the opportunity to work with some amazing companies and teams over the years.
Senior Frontend Developer —
Netlify
Developed and maintained scalable, high-performance user interfaces for the Netlify app, focusing on enterprise clients, while contributing to architectural decisions, code reviews, automated testing, and developer tools.
- React—
- TypeScript—
- TailwindCSS—
- Redux—
- Highcharts
Principal Software Engineer —
Teespring
Oversaw front end strategy, made architectural decisions, developed front end tooling, and lead impactful projects like White Label Stores which became a major growth driver for the company.
- React—
- Sass—
- Storybook—
- Redux—
- Rails—
- Framer Motion
Senior Frontend Developer —
Redshift Digital, Inc. | Blink UX
Led the development of scalable design systems and full-scale web and mobile apps in React and React Native, collaborating closely with design and research teams for clients like Kaiser Permanente, Netflix, and One Medical.
- React—
- JavaScript—
- Sass—
- Redux—
- GSAP—
- D3.js—
- React Native—
- UX Design
Front End Developer / UX Designer —
Zen Den Web Design
Led end-to-end web projects for local businesses in SF, specializing in designing and developing custom WordPress sites, as well as creating logos, brochures, and other branding materials while managing client relationships and integrating feedback to deliver successful, purpose-built websites.
- Wordpress—
- HTML—
- CSS—
- JavaScript—
- PHP—
- UX Design
Front End Developer / UX Designer —
Bernardi Web Design
Working for my family's local web design business, I began my career by building and maintaining custom WordPress themes for local businesses, developing a strong passion for front-end design and development that continues to drive my work today.
- Wordpress—
- HTML—
- CSS—
- JavaScript—
- PHP—
- UX Design
Some cool stuff I've built
Here's a handful of personal projects I've been working on recently.

Gamesalmanac —
A web app for tracking upcoming video game releases. Data is sourced from the IGDB.com API.
- React—
- TypeScript—
- TailwindCSS—
- NextJS—
- shadcn/ui

Tetrift —
Tetris clone built with React. This was originally a hackathon project from my days at Redshift Digital. I recently retooled it to work with modern build processes.
- React—
- Sass—
- UI Design

useMediaQuery —
A custom react hook for managing media queries in a React environment. Deployed as an npm package.
- React—
- TypeScript—
- Vite—
- NPM

Portfolio 2024 —
This site that you're on right now. It's a simple portfolio site to showcase my work and experience, and also an excuse to play with framer motion.
- React—
- TypeScript—
- NextJS—
- Framer Motion

Buttery UI — Work in progress —
A smooth ass react based component library. Built with TypeScript, Storybook and TailwindCSS. It's currently a work in progress but I'll have more to show soon.
- React—
- TypeScript—
- TailwindCSS—
- Storybook—
- NPM