Hi! I'm Stephen, a senior frontend engineer.

Design systems engineer on the Coinbase Design System (CDS), shipping shared React and React Native UI across consumer, logged-out, and public surfaces—including cds.coinbase.com. Contributed to the CDS v8 migration toward React 19 and the React Native New Architecture, with emphasis on performance, accessibility, and Linaria-based styling. Built data-visualization and motion patterns for financial dashboards and raised quality with Storybook, Percy, and E2E tests alongside daily design partnership in Figma. Coinbase was my first role with sustained agentic delivery: personal agents for bugs and small tasks, planning feature implementations and delegating testing to subagents, and Cursor Skills so designers could prototype CDS in AI without needing to know how to write in React.

• Cursor
• Claude
• React
• React Native
• Figma
• Storybook
• Framer Motion
• react-native-reanimated
• Percy
• Maestro
• Figma Make
• v0
• Lottie
• TypeScript
• Jest
• GitHub Actions
• +7

Full-stack engineer on a configuration platform powering global deal engines for McDonald's kiosk and mobile apps across Europe—multi-device, high-volume consumer touchpoints. Designed GraphQL resolver APIs and optimized Apollo Client caching, cutting deal-management response times about 75% and client memory usage about 99% on key endpoints. Shipped WCAG 2.1–aligned React operational UI with strong keyboard and focus patterns, and raised deployment reliability about 25% with Cypress E2E plus merge-blocking React Testing Library and Jest in GitHub Actions.

• React
• GraphQL
• NestJS
• AWS
• TypeScript
• PostgreSQL
• Apollo
• Emotion
• Jest
• Material UI
• Cypress
• React Testing Library
• GitHub Actions
• WCAG 2.1
• +5

Full-stack Web product software engineer for the Org Effectiveness team within the Enterprise Engineering division. Released multiple high-priority stakeholder feature requests pertaining to HR-sensitive employee data. Leader of team app performance optimization opportunities.

• React
• Hack
• GraphQL
• Relay
• MySQL
• Jest

Intern for the Traffic Analytics team within the Infrastructure division. Created monitoring tool for team oncall to measure network packet failures with interactive web page.

• C++
• Python
• Thrift
• MySQL

Assistant at the university's Transportation Research Institute as part of the Undergraduate Research Opportunity Program. Conducted an anthropometric study for Defence Research & Development Canada (DRDC). Analyzed/visualized the change in posture for 3-D scans of military personnel with respect to varying levels of uniform encumbrance.

• MATLAB
• Wolfram Mathematica

Full-stack recipe app with Next.js, React, Tailwind CSS, and shadcn/ui; Apollo Client for GraphQL; AI-assisted allergen detection with Anthropic Claude on Amazon Bedrock.

• Next.js
• Tailwind CSS
• TypeScript
• React
• GraphQL
• Apollo
• AWS
• Vercel
• shadcn/ui
• Amazon Bedrock
• Anthropic Claude
• +2

Small app that presents a user's computer keyboard as a virtual piano keyboard, built with a GUI and audio playback using the Simple and Fast Multimedia Library (SFML).

• C++
• SFML

FastAPI application + Chrome Web extension that generates a shortened version of the current tab URL on right-click using Chrome's context menus and notifications, and redirects user from shortened link to original URL when entered in the address bar.

• Python
• PostgreSQL
• Chrome Extensions

Static single-page application with user-determined color schemes and supported with unit and end-to-end testing.

• React
• TypeScript
• SCSS
• Bootstrap
• Jest
• Puppeteer

First server-side-rendered web application with data fetched via AWS Lambda and DynamoDB and assets saved in S3 and CloudFront.

• Remix
• Node.js
• Mantine
• Vanilla Extract
• AWS
• SST

Optimum performance and accessibility, built with Next.js and TailwindCSS.

• Next.js
• TailwindCSS
• Flowbite
• Vercel