Full-stack application · Automotive commerce

Tire Shop

An online tyre-shopping experience combining product discovery, vehicle fitment search, customer accounts and cart management.

Project overview

The challenge.

Make a large tyre catalogue approachable for customers who may know a tyre size, a vehicle model, a preferred manufacturer—or none of those yet.

What had to be solved

Support shoppers who begin with different levels of tyre and vehicle knowledge.
Coordinate catalogue data, fitment filters, authentication and cart state across one journey.
Keep dense product and filtering interfaces usable on smaller screens.

The solution.

Created a React single-page application connected to an Express and MySQL backend. Customers can search by tyre dimensions or vehicle model, browse brands and products, manage an account and maintain a shopping cart.

How the solution responds

Introduced parallel search paths for tyre dimensions, vehicle models and manufacturers.
Separated API, account and cart responsibilities into maintainable frontend service flows.
Designed responsive filtering and product layouts that keep the next action visible.

Technology

ReactReact RouterJavaScriptExpress.jsMySQLSCSSJWT

View source on GitHub

Product capabilities

What was delivered.

Tyre-size and vehicle-model search

Manufacturer and product browsing

Registration and account flows

Persistent shopping-cart journey

How it was built

Decisions behind the product.

Product approach

Organised discovery around the questions shoppers already have: tyre dimensions, vehicle model, season and manufacturer. Product, account and cart flows sit behind a shared React application shell.

Technical foundation

React Router coordinates the single-page application while service modules connect to an Express and MySQL API. JWT-backed authentication protects account and cart areas, and modular SCSS adapts the catalogue interface across breakpoints.

Core journeys

Search by tyre size or vehicle model
Compare manufacturers and product options
Register, save items and manage the cart

Inside the product

The experience in practice.

The outcome.

A complete shopping journey from fitment search to account-based cart management.

The product connects guided fitment discovery with the core mechanics of an online store, giving customers multiple clear routes to the right product.

What the product now enables

Several clear discovery routes into the same product catalogue.
A connected account and cart experience ready for transactional expansion.
A full-stack foundation that separates customer experience from inventory logic.

Start a conversation

Have something worth
building properly?

Let's build it further.

Discuss your project

No obligation. Tell us what you're building and we'll tell you how we'd approach it.