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.

Daniel Bernardi

What have I been up to?

I've had the opportunity to work with some amazing companies and teams over the years.

Jul 2022May 2024

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
May 2019Jul 2022

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
May 2015Apr 2019

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
Sep 2013Apr 2015

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
Aug 2010Sep 2013

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

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

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

useMediaQuery

A custom react hook for managing media queries in a React environment. Deployed as an npm package.

  • React
  • TypeScript
  • Vite
  • NPM
Portfolio 2024

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

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