Skip to content
SM

Senior Lead Front-End Engineer at JPMorgan Chase. I lead the team behind the pattern library and UI platforms used across Risk Technology.

Get in Touch
Download CV
Steve McKinnon
01

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, used by 20+ internal applications. I build accessible components that other teams ship on.

02

Skills

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

Experience

J

JP Morgan Chase

February 2024 - Present

Senior Lead Front End Developer

  • ▸Lead an 8-person front-end team delivering a pattern and component library built on the firm's design system, plus business intelligence tooling, used by 20+ applications across Risk Technology.
  • ▸Built application scaffolding that lets teams bootstrap new projects from pre-approved patterns instead of starting from scratch.
  • ▸Act as a line of business lead for UI, setting the standards teams follow for accessible front-end development.
  • ▸Manage stakeholder relationships and mentor engineers, pushing "sensible defaults" that standardise how teams build applications.
04

Education

G

Glasgow Caledonian University

September 2010 - May 2014

Computer Games Software Development (BSc Honours)

05

Projects

Caley

Caley

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

Next.jsnextjs
TypeScripttypescript
Tailwind CSStailwindcss
Better Authbetterauth
PostgreSQLpostgresql
Vercelvercel
shadcn/uishadcn
Claudeclaude
Live DemoSource
CareerWealth

CareerWealth

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

Next.jsnextjs
TypeScripttypescript
Tailwind CSStailwindcss
Supabasesupabase
Vercelvercel
shadcn/uishadcn
Claudeclaude
Live DemoSource
Photography Portfolio

Photography Portfolio

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

Next.jsnextjs
TypeScripttypescript
Tailwind CSStailwindcss
Cloudinarycloudinary
Vercelvercel
shadcn/uishadcn
Live DemoSource
Biosite

Biosite

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

Next.jsnextjs
TypeScripttypescript
Tailwind CSStailwindcss
Vercelvercel
shadcn/uishadcn
Live DemoSource
Log Dumper

Log Dumper

TypeScript library that captures user actions and errors in React apps, with a live DevTools panel and downloadable logs for debugging.

TypeScripttypescript
Live DemoSource
06

GitHub

327Contributions this year
1dCurrent streak
MarMost active month
Feb
Mar
Apr
May
Jun
Jul
Mon
Wed
Fri
Less
More
07

Beyond Code

08

Contact

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

I usually reply within 24 hours
0/1000