~/christopher-watson

// senior front-end engineer, design systems

Christopher Watson builds UI platforms other engineers build on.

Web Components, design tokens and accessible Angular and React apps, shipped at Disney, PwC, AutoNation and TruStage over 20+ years.

View live projects Download resume (PDF)
tokens/color.jsonDTCG
{
  "color": {
    "action": {
      "primary": { "$value": "{brand.600}" },
      "hover":   { "$value": "{brand.700}" }
    },
    "text": {
      "default": { "$value": "{neutral.900}" }
    }
  }
}

Selected work

  1. Soar Design System

    Design system monorepo with DTCG tokens, themed Web Components, Vue wrappers, two Storybooks and an accessibility audit that blocks bad releases.

    web components · vue · storybook · style dictionary · axe-core

    live source

  2. Harbor UI

    Lit component library with a token build, automated color contrast tests and browser accessibility checks running in CI on every push.

    lit · storybook 8 · vitest · playwright · axe

    live source

  3. Live Topology Map

    Interactive, live-updating map of how services connect.

    typescript · canvas · real-time

    live source

  4. Angular Web Awesome Dashboard

    Angular dashboard built on Web Awesome components, deployed as a static single-page app.

    angular · web awesome · github pages

    live source

Experience

  1. 2026TruStageDesign Systems Engineer Lead
  2. 2025 to 2026The Walt Disney CompanySenior Software Engineer, UI
  3. 2024 to 2025PwCSenior Software Engineer, UI
  4. 2022 to 2024AutoNationSenior Software Engineer, UI/UX
  5. 2019 to 2021Walt Disney WorldSenior Software Engineer, UI/UX
  6. 2017 to 2019Wyndham DestinationsSenior Software Engineer III, Lead

Stack

  • Angular 19
  • RxJS / NgRx
  • React
  • TypeScript
  • Web Components
  • Lit
  • Storybook
  • Design tokens
  • WCAG 2.1 AA
  • Section 508
  • Playwright
  • Vitest
  • Node.js
  • AWS
  • Docker
  • CI/CD