Skip to content

Trailhead · elev. 5,280 ft

Dillon
Kane

Senior Front-End Developer

Five-plus years shipping React, Next.js, and TypeScript for the NFL, NBA, Veterans Affairs, and WMATA. Scroll to hike the trail, or take the shortcut in the nav.

Hike the trail ↓Skip to the summit

Mile 1 · Gearing up

Gear I carry

Core

  • TypeScript
  • React
  • Next.js
  • Three.js
  • JavaScript
  • HTML
  • CSS
  • Sass
  • GraphQL
  • Node.js

Accessibility & quality

  • WCAG
  • Section 508
  • Lighthouse
  • SiteImprove
  • Applitools
  • Percy
  • BrowserStack

Design systems

  • Storybook
  • Chromatic
  • PatternLab
  • Figma

Platforms & infra

  • Vercel
  • Supabase
  • Azure
  • WordPress
  • Drupal
  • AEM
  • Shopify
  • Google Maps API

Experimentation

  • Adobe Target
  • Google Analytics
  • A/B testing

AI-assisted development

  • Claude Code
  • Codex
  • Custom agent workflows

Mile 2 · The switchbacks

The path so far

I’m a senior front-end developer at Reingold, where I partner with designers to ship polished, responsive, accessible interfaces for clients like the NFL, NBA, Veterans Affairs, HHS, and WMATA. I build and maintain component libraries in Storybook and PatternLab, with Chromatic visual regression keeping every client design system honest.

Every project I touch starts with accessibility. I’ve audited and remediated VA Telehealth, VA Connected Care, and VA Mobile for WCAG and Section 508 compliance, and I build on semantic HTML and keyboard support from the first line of code instead of bolting them on at the end.

On the side I ship full-stack experiments on Vercel and Supabase, mentor new front-end developers, and fold AI-assisted development with Claude Code into my daily workflow. This site is one of those experiments: the repo is open, go read the source.

Overlook no. 1

WMATA Rider Tools

Washington Metropolitan Area Transit Authority · with Reingold

Real-time train and bus tracking for the DC metro area, rendering live GraphQL transit feeds on custom Google Maps displays.

  • Built and enhanced the app in React and Next.js, integrating real-time train and bus data via GraphQL.
  • Rendered live positions on custom Google Maps API displays with search and filtering.
  • Optimized state management so live data stays smooth on mid-range phones.
  • React
  • Next.js
  • GraphQL
  • Google Maps API
Visit Rider Tools →

Overlook no. 2

NBA Mind Health & Player Development

National Basketball Association · with Reingold

Progressive Web Apps connecting NBA players with vetted mental-health professionals and career-development resources.

  • Developed installable, offline-capable PWAs for the NBA Mind Health Directory and NBA Player Development.
  • Translated Figma designs into pixel-accurate, responsive, accessible UI.
  • Built against the league’s design system with Storybook and Chromatic visual regression.
  • React
  • PWA
  • Storybook
  • Chromatic
View case study →

Overlook no. 3

Side Projects

Nights and weekends, shipped end to end

Self-initiated builds and freelance collaborations, designed, deployed, and maintained on the same Vercel + Supabase stack as this site.

  • Shade Showdown: a Keep/Trade/Cut-style color ranking game with a from-scratch Supabase schema and ranking logic, deployed on Vercel with CI from GitHub.
  • Bento Disco: a Keep/Trade/Cut voting app for ranking clinical-trial biosampling tools, built for Bento Biology on the Shade Showdown template.
  • Bento Flare: shaped the user flow and UI/UX of a lupus symptom-diary app from the first planning session, then drove most of the front-end development.
  • The Bevy: built much of a Denver fine-jewelry retailer’s e-commerce site on a custom Shopify interface, mentoring another developer along the way.
  • Palate: a concept for an AI menu assistant that recommends dishes around your preferences, dietary restrictions, and allergies.
  • Big Italian Wedding: an interactive itinerary app for our own eleven-day, three-city wedding trip in Italy, with shared guest events.
  • Next.js
  • Supabase
  • Vercel
  • Shopify
Shade Showdown →Bento Disco →Bento Flare →The Bevy →Palate →Wedding itinerary →

Overlook no. 4

Remote AI Coding Interface

A voice-driven remote interface for Claude Code: hands-free AI pair programming from any device, over a private network. Decommissioned once Claude Dispatch launched with much the same capability.

  • Built a secure Node/Express bridge to Claude Code over Tailscale.
  • Wired browser speech recognition (Web Speech API) into the agent loop.
  • Designed a custom glassmorphism control UI.
  • Node.js
  • Express
  • Tailscale
  • Web Speech API

The summit · golden hour

Say hello

I’m always up for talking front-end craft, accessibility, or the next trail. The fastest way to reach me is email.

dillonpkane@gmail.comGitHubResume (PDF)