Featured Project
LEGO
Senior developer producing an all‑new e‑commerce platform with React. Designed to handle high traffic volumes and support multi‑language and multiple currencies.
Contract Software Engineer
I'm John, an award‑winning contract software engineer and front‑end web development specialist based in sunny Brighton, UK.
I am a friendly and enthusiastic Principal Software Engineer and Technical Lead backed by over twenty‑three years of hands‑on experience.
I deliver bespoke websites, applications, and considered user experiences, pairing front‑end architecture with modern JavaScript (or TypeScript), React, HTML and CSS.
My portfolio is diverse; I work with global clients, solving real-world problems, including:
- leading the headless replatforming of a much loved chain of restaurants, modernising its UK & Ireland web estate;
- leading the modernisation of the online portfolio of one of Britain's largest airlines;
- helping develop the online identity of Volvo's emerging premium EV brand;
- ... and optimising the online ordering system of Brighton's last independent milkman.
Featured Projects
- Featured Project
Lotus
CarsThe automotive e‑commerce website, configurator, and online marketing channels for the much‑loved British sports car manufacturer: Lotus. Built on top of WordPress with HTML5, CSS and JavaScript.
- Featured Project
Polestar
Senior developer working on this highly animated, interactive website and automotive configurators for Polestar, once Volvo's fledgling go‑faster brand, now turned EV company. Built with Gatsby, React, and TypeScript.
How I Usually Help
Building a New Website or Application
For teams building a Next.js website, web application, headless CMS front end, or product platform from scratch, often inside wider digital transformation work.
Planning a Move to Next.js
For teams replacing a React SPA, Gatsby build, CMS front end, or older Next.js architecture without putting routes, content, or search visibility at risk.
Something Broke After Launch
For teams recovering from a launch, redesign, or migration that damaged traffic, crawlability, indexing, or technical SEO stability.
The Live Stack is Unstable
For Next.js performance regressions, cache bugs, build failures, headless CMS issues, hydration errors, and Vercel debugging.
Previous Clients
John Lewis logo 
The BBC logo 
Gov.uk logo 
HSBC logo 
British Airways logo 
eBay logo 
Condé Nast Britain logo 
Nintendo logo 
Lotus Cars logo 
Team GB logo 
Marvel Comics logo 
London Philharmonic Orchestra logo 
Bosch (BSH Group) logo 
Volkswagen logo 
Cisco logo 
Activision logo 
London 2012 Olympics and Paralympics logo 
Microsoft logo 
Apple logo 
Gatsby logo 
Plex TV logo 
LEGO logo 
Selfridges logo 
The World Economic Forum logo 
Made by Many logo 
AND Digital logo 
IMG Licensing logo 
Disney logo 
Boohoo Group logo 
Debenhams.com logo 
The Rolling Stones logo 
Wreel Agency logo 
Polestar logo 
MOSCOT logo 
Virgin Atlantic logo 
American Express logo 
The Guide Dogs for the Blind Association logo 
Style.com logo 
Macmillan Education logo 
Zara logo 
Boeing logo 
Valtech logo 
McCann Manchester logo 
Warwick Acoustics logo 
Nando’s logo 
Virgin Active logo
Latest Articles
Solving the LeetCode N‑Queens Problem. Solving the LeetCode N‑Queens Problem
The AI Layoff Trap: When Local Efficiency Becomes Systemic Fragility. The AI Layoff Trap: When Local Efficiency Becomes Systemic Fragility
Using Angular Signals for Performance Optimisation. Using Angular Signals for Performance Optimisation
LeetCode: The 'Kth Smallest Element in a BST' Problem. LeetCode: The 'Kth Smallest Element in a BST' Problem
Using RxJS for State Management in Angular. Using RxJS for State Management in Angular
Backtracking Decision Trees: Solving 'Combination Sum'. Backtracking Decision Trees: Solving 'Combination Sum'
GEO vs. SEO: Where They Overlap, and Where They Don't. GEO vs. SEO: Where They Overlap, and Where They Don't
Solving the 'Jump Game' Problem with Greedy Algorithms. Solving the 'Jump Game' Problem with Greedy Algorithms
Memoization in JavaScript: Optimising Function Calls. Memoization in JavaScript: Optimising Function Calls
Dynamic Programming in LeetCode: Solving 'Coin Change'. Dynamic Programming in LeetCode: Solving 'Coin Change'
Handling API Routes in Next.js: When to Use Server Actions vs. API Routes. Handling API Routes in Next.js: When to Use Server Actions vs. API Routes
LeetCode: Finding the Diameter of a Binary Tree. LeetCode: Finding the Diameter of a Binary Tree