Green Filter USA · Automotive

Vehicle-Fitment Search & Catalog

Custom product catalog and year/make/model fitment search for a performance air-filter manufacturer, connected to Shopify checkout.

60%faster product discovery
Year → Enginemulti-level fitment search
3 mobuild timeline
Vehicle-Fitment Search & Catalog for Green Filter USA
My role

Full-Stack Developer · React, Node.js, MySQL, Shopify

  • Built the vehicle-fitment engine (year → make → model → engine) on a Node.js and MySQL backend.
  • Developed the performance-optimised React.js storefront for desktop and mobile.
  • Integrated with Shopify's secure checkout while working around its catalog limits.
  • Built the self-serve catalog CMS so staff manage products and fitment data without a developer.
The challenge

Green Filter makes high-performance air filters used by racing engineers and enthusiasts worldwide.

Shopify's built-in catalog couldn't handle multi-level automotive filtering, so customers struggled to find the right filter and the catalog was hard to maintain.

The solution

A custom CMS with an advanced fitment engine, a React.js front end and a Node.js/MySQL backend. Shoppers drill down to the exact filter, then check out through Shopify.

01

Fitment engine

Fast, precise filtering by year, make, model and engine.

02

Shopify checkout

Kept Shopify's trusted checkout while overcoming catalog limits.

03

Self-serve CMS

Staff manage products and fitment data themselves.

04

Performance-first

A React.js storefront tuned for speed.

The results
  • Product discovery became 60% faster with precise vehicle search.
  • A clearer path to purchase and less shopper frustration.
  • Staff manage the catalog without developer help.
Next case study

Lead-Line Replacement Tracker →

Passaic Valley Water Commission · 80% lower cost than a traditional backend

Let's talk

Need something similar?

I build web apps, mobile apps and AI automation end to end. Tell me what you're working on.