My technical toolkit

Seven years of frontend engineering, with a focus on React and TypeScript ecosystems. Here's an honest breakdown of where I sit with each technology.

ExpertProficientFamiliar

Frontend Core

The foundation of everything I build.

  • React
  • TypeScript
  • JavaScript (ES2024)
  • HTML5 & ARIA
  • CSS3 & Custom Properties
  • WCAG 2.2 Accessibility

Frameworks & Meta-Frameworks

The runtime environments I work in.

  • Next.js (App Router)
  • Node.js
  • Express
  • Vite

Styling

How I make things look good.

  • Tailwind CSS
  • Styled Components
  • CSS Modules
  • Framer Motion
  • GSAP

State & Data

Managing complexity at scale.

  • Redux Toolkit
  • Zustand
  • TanStack Query
  • REST APIs
  • GraphQL

Testing & Quality

Confidence through coverage.

  • Vitest
  • React Testing Library
  • Playwright
  • Storybook

Tooling & Deployment

From local to production.

  • Git & GitHub
  • GitHub Actions
  • Vercel
  • AWS (S3, CloudFront)
  • Contensis CMS

AI & Workflow

Tools that accelerate design implementation, prototyping, and development.

  • GitHub Copilot
  • Claude Code
  • Claude (chat)
  • Figma (design handoff)

Accessibility commitment

Every project I deliver meets WCAG 2.2 AA standards. For public sector clients this is a legal requirement under the PSBAR, and I treat it as a baseline for all work — not an afterthought.

  • Semantic HTML
  • ARIA labels
  • Keyboard navigation
  • Screen reader testing
  • Colour contrast ≥ 4.5:1
  • Focus management
  • Reduced motion support