Expertise

Technical Skills

Technologies I use to ship storefronts, measure their performance, and keep releases reliable.

Frontend

React100%
Preact100%
Svelte100%
JavaScript/TypeScript100%
Next.js100%
HTML5/CSS3100%
Tailwind CSS100%
SCSS100%
CSS100%
Less100%
Career Path

Professional Journey

Current Role

Lead Frontend Developer

Havertys Furniture
2023 - Present

Technical lead for Havertys.com, responsible for storefront architecture, performance, accessibility, testing, and experimentation across a site serving roughly 1.75M users each month.

  • Directed the migration from AEM React to Adobe Edge Delivery Services with Preact and TypeScript, simplifying the storefront architecture.
  • Raised Lighthouse scores from roughly 30 to 90+ by addressing Core Web Vitals, including LCP and TTI.
  • Delivered the cart, checkout, product detail, and product listing experiences with consistent behavior across the purchase journey.
  • Launched an A/B testing workflow with Adobe Target and Analytics, giving product and marketing teams evidence for feature decisions.
  • Introduced Jest and brought unit-test coverage above 80%, catching regressions earlier in the release cycle.
  • Mentored three senior engineers on a six-person team, expanding ownership of architecture and feature delivery.
  • Resolved more than 90% of identified accessibility issues while aligning the storefront with WCAG 2.1 AA.
  • Defined shared UI patterns in Storybook to keep implementation and visual behavior consistent.
  • Maintained business-critical Struts and Java tools while integrating them with the modern storefront.

React Developer (Consulting)

PitaTech
2021 - 2023

Primary frontend consultant for React applications, translating client requirements into maintainable interfaces and production releases.

  • Set the UI architecture and delivery approach for client-facing React applications.
  • Consolidated duplicated pages and components into reusable patterns, making the codebase easier to extend.
  • Worked directly with stakeholders to turn business requirements into scoped, production-ready features.
  • Diagnosed recurring defects and refactored legacy code to stabilize day-to-day application use.
  • Coordinated frontend work with backend and product partners through integration and release.
Portfolio

Featured Projects

Production storefronts, open-source packages, and tools built to solve specific problems.

Havertys.com website preview
Featured

Havertys.com

Replatformed a high-traffic furniture storefront from AEM React to Adobe Edge Delivery Services with Preact. The migration lifted Lighthouse scores from roughly 30 to 90+ and added accessible shopping flows, analytics, and A/B testing.

Preact.jsReact.jsEdge Delivery ServicesTailwind CSS+3
Featured

Rocket League Stream Manager

A control center for Rocket League broadcasts that turns live match data into customizable on-stream overlays. Streamers can switch layouts and tailor the presentation without rebuilding their OBS setup.

Next.jsReact.jsSupabaseVercel+3

Rocket League Socket Package

A reusable client for the SOS Rocket League WebSocket API. It handles the connection layer so React and JavaScript projects can consume live match events for overlays or analytics.

React.jsJavaScriptTypeScriptWebSocket
Featured

Grover Gang Twitch Overlay

An interactive OBS browser source built around one Twitch channel's production workflow. It brings alerts, chat, scene controls, polls, predictions, and Hype Train status into a single overlay.

Next.jsReact.jsTypeScriptOBS WebSocket+1
Featured

RL Replay Draw

An Electron annotation tool for explaining plays during Rocket League replay reviews. Its transparent canvas supports animated shapes, configurable shortcuts, and a movable toolbar without obscuring the game footage.

ElectronReact.jsTypeScriptVite+1

Credit Card Verify

A small, framework-agnostic TypeScript library for Luhn validation and card-brand detection, backed by a focused Vitest test suite.

TypeScriptJavaScriptViteVitest
AEM EDS Vite Boilerplate website preview
Featured

AEM EDS Vite Boilerplate

A fully functioning Adobe Edge Delivery Services project that uses the EDS backend for authored content and routing while supporting complete local development with npm run dev. Unlike the conventional unbundled EDS architecture, it uses Vite, Preact, and TypeScript to bundle, code-split, and compress block scripts and styles into production-ready assets.

Adobe Edge Delivery ServicesPreactTypeScriptVite+2
Contact

Let's Connect

Have a project in mind or want to discuss an opportunity? I'd love to hear from you.

Location

Atlanta, Georgia

Response Time

Within 24 hours