Skip to content
SM

Senior Lead Front-End Engineer at JPMorgan Chase, building the UI foundations other teams ship on.

Get in touchDownload CV
GitHubInstagramLinkedInLinkedInXX
Steve McKinnon

About

Glasgow, Scotland

Front-end engineer for 12+ years, 8 of them at JPMorgan Chase.

I lead an 8-engineer team building Risk Technology's UI infrastructure: a pattern and component library on top of the firm's design system, plus BI tooling and application scaffolding. Twenty-plus internal applications ship on it.

I care most about the parts that are hard to retrofit later: accessibility, API design, and sensible defaults.

Skills

  • ReactReact
  • Next.jsNext.js
  • TypeScriptTypeScript
  • JavaScriptJavaScript
  • HTML5HTML
  • SassCSS/SCSS
  • Tailwind CSSTailwindCSS
  • GraphQLGraphQL
  • StorybookStorybook
  • FigmaFigma

Experience

J

JP Morgan Chase

February 2024 - Present

Senior Lead Front End Developer

  • I lead eight engineers. We build the component library and BI tooling that 20+ applications across the firm ship on.
  • Built the scaffolding that turns a new project's setup from weeks into days. Pre-approved patterns, no blank page.
  • UI lead for Risk Technology: I set the technology direction and argue for sensible defaults.
  • On the Risk Technology AI working group, setting the standards for how the area adopts and reuses AI.
  • Collapsed 10+ internal microsites into one documentation pipeline with a searchable index of components, AI skills, MCPs and APIs.

Education

G

Glasgow Caledonian University

September 2010 - May 2014

Computer Games Software Development (BSc Honours)

Projects

Things I built because I wanted them to exist.

Invoicing app built with Next.js, Prisma, and Better Auth. Sends automated emails through Resend and tracks payments with real-time analytics.

  • nextjs
  • typescript
  • tailwindcss
  • betterauth
  • postgresql
  • vercel
  • shadcn
  • claude
VisitSource

Plots career paths against projected earnings so you can see what each move is worth. Built with Next.js and TypeScript.

  • nextjs
  • typescript
  • tailwindcss
  • supabase
  • vercel
  • shadcn
  • claude
VisitSource

My photography portfolio, built with Next.js and Tailwind CSS. Cloudinary handles optimised image delivery.

  • nextjs
  • typescript
  • tailwindcss
  • cloudinary
  • vercel
  • shadcn
VisitSource

Open-source link-in-bio tool built with Next.js. A lightweight alternative to the commercial services.

  • nextjs
  • typescript
  • tailwindcss
  • vercel
  • shadcn
VisitSource

A dev-time overlay that maps an element's computed styles back to your design tokens, and flags the values that only work in the theme you happen to be looking at.

  • typescript
VisitSource
Running on this page

Log Dumper

A TypeScript logging library for React: typed context, error boundaries, a live DevTools panel and exportable logs. The console on the right is the published package, imported and running here.

  • typescript
SourceFull demo
log stream0 entries
  • Press a button below to emit an entry

466 contributions in the last year1-day streak, busiest in Aug

Steve McKinnon in the ring with a handheld broadcast camera at an NXT UK taping

The Other Job

I shoot wrestling. Sometimes for WWE.

Shows I've worked on

  • WrestleMania
  • Royal Rumble
  • Raw
  • SmackDown
  • Clash at the Castle
  • Night of Champions
  • Crown Jewel
  • NXT
Steve McKinnon operating a broadcast camera with a headset on, the live feed visible on the monitor and the crowd below

The monitor is what goes out.

Weekends and evenings I'm on a broadcast camera. Live, no second take, and the director is in your ear the whole time.

The view from behind the production desk: banks of monitors and mixing gear facing the ring, with the crowd holding up coloured cards

Behind the production desk.

Contact

Hiring, or just want to talk shop? Send me a message.

I usually reply within 24 hours
0/1000