Senior Front-End Engineer in Orlando, FL. Angular, React and TypeScript, with a focus on design systems, data-heavy dashboards and accessibility (WCAG 2.1). 20+ years building enterprise web apps, including work for Disney, PwC, TruStage and AutoNation.
LinkedIn · watsonink.com · watsonink@gmail.com
A live, auto-arranged dependency map of networked services: health cards, sparklines, curved leader lines and WebSocket updates. The layout engine places services in columns by dependency depth, flags cycles, and reorders cards to minimize line crossings.
React · TypeScript · Vite · Vitest · SVG Live demo · Code
A small design system built the way larger ones are: two-layer design tokens with light and dark themes, accessible Web Components that work in Angular, React or plain HTML, and Storybook docs. CI checks WCAG contrast for every token pair and runs axe on every story.
Lit · TypeScript · Storybook · Design tokens · Playwright · axe-core Live Storybook · Code
A design-system proposal on top of Web Awesome, re-themed from Figma variables instead of forked. A token pipeline from Figma to CSS, an ownership audit that runs axe on every story, upstream-upgrade checks, Lit molecules and organisms, and samples for Angular, React, Vue and plain HTML.
Web Components · Lit · Figma tokens · Storybook · Turborepo · Changesets Live Storybook · Code
An Angular 21 dashboard built on Web Awesome web components, ported from a React version to show the same UI expressed in idiomatic Angular: standalone components, signals and typed services.
Angular 21 · TypeScript · Web Components Live demo · Code
An Angular 17 app with JWT authentication, role-based routing, Angular Material and Jasmine/Karma unit tests, backed by a JSON Server API.
Angular 17 · Angular Material · JWT · Jasmine Code
- The Walt Disney Company, Apex platform: real-time System Map showing the health of every connected device, with a graph algorithm for upstream and downstream placement and a WebSocket live feed.
- TruStage, enterprise design system: architecture and governance for a Web Components design system used across products and partner portals, plus an Angular 19 reference integration.
- PwC, Sightline tax platform: React component architecture and AG-Grid dashboards for a global SaaS product.
- Walt Disney World, park operations: AngularJS to Angular rewrite and geolocation heatmaps for forecasting and scheduling.
Angular · React · TypeScript · RxJS · Node.js · Web Components · Lit · Storybook · AG-Grid · Playwright · Jest · AWS · Docker