German Engineering

The opportunity

German Engineering Car Specialists had a broad, credible offer — used cars and vans, finance, servicing, MOT, bodywork, tyres, recovery and aftercare — but its existing site ran on an ageing template platform with legacy jQuery, out-of-support PHP and a crowded, dated navigation that undersold the business.

The approach

I proposed and began building a custom, mobile-first storefront with Next.js App Router, React and TypeScript that puts vehicle search and enquiry at the centre of the experience, while keeping servicing and bodyshop customers on their own dedicated booking journey. Vehicle data is accessed through an isolated feature module so the temporary stock fixture used during development can later be swapped for an approved dealer stock feed without touching the public-facing components.

Quality was built in from the start rather than added later: Vitest and Testing Library cover component behaviour, Playwright with @axe-core verifies critical journeys and accessibility, and GitHub Actions runs install, lint, type-check, build and a dependency audit on every change. A /api/health endpoint supports uptime monitoring once deployed.

Contribution

• Built a mobile-first storefront with Next.js, React and TypeScript.
• Isolated vehicle data behind a typed adapter ready for a live stock feed.
• Set up Vitest, Testing Library and Playwright with @axe-core accessibility checks.
• Configured GitHub Actions CI covering lint, type-check, build and dependency audit.