Projects / Parts commerce

E-Commerce

From a part number to a purchase.

A storefront for truck, trailer and bus parts. Reference search, brands and categories lead buyers to a detailed product page and a guided ordering flow.

Part details, stock and original references
Part details, stock and original references
01 / Parts catalogue

A reference, a brand or a category. Each is a way in.

The product page brings together stock, price, original references and alternative parts. Categories, vehicle makes and parts manufacturers provide browsing routes when the buyer does not have an exact reference.

Reference search in a product grid
Reference search in a product grid

Reference-search results show original part numbers, stock indicators and prices in a grid. A compact list offers another comparison view; product actions distinguish available items from those requiring an availability notification.

02 / AI-assisted discovery

Product recommendations and search from a photograph.

AI recommendations complement catalogue browsing. Photo upload offers a starting point when the buyer has an image of the part rather than a reference number.

01 / Recommendations

Related products alongside catalogue search

Claude and other AI models support product recommendations. The product catalogue supplies the references, availability and specifications used to assess a suggested item.

AI photo-search uploadEnlarge image ↗
02 / Search by photo

Photo upload from the search field

The search dialog accepts JPEG, PNG and WebP photos to start AI-assisted part recognition. The buyer checks the suggested part against its catalogue reference and specifications.

03 / Customer accounts

Company and individual registration with account access.

Account registration and quick ordering are separate routes. The quick-order form collects the buyer’s name, phone and city without requiring a full profile.

Customer registration

Customer registration

Registration distinguishes company and individual accounts. The form collects company details where applicable, email, phone and city, then displays password requirements and confirmation. Existing customers can sign in with an email or customer code.

04 / Delivery and payment

Cart review, delivery details and payment evidence.

Selected part and cart summary

Selected part and cart summary

The cart keeps the part reference, selected quantity, availability and price together. Buyers can change quantities or remove items before continuing; delivery is shown separately in the order summary.

Delivery and payment choices

Delivery and payment choices

The buyer chooses a reservation deposit or full payment, then a carrier or collection. Recipient, phone, city, address, branch and delivery comments stay within the same order form.

Payment confirmation options

Payment confirmation options

The payment step displays the order reference and accepts a receipt image. A QR code opens the upload form on a phone, so the buyer can add payment evidence from either device.

Technology stack

The technology behind E-Commerce.

Catalogue search, checkout and product recommendations powered by Claude and other AI models.

Web storefront

React and Next.js power the storefront, from browsing parts to placing an order. TypeScript provides typed interface code.

  • React
  • Next.js
  • TypeScript

Application & data

C# powers the application services. Microsoft SQL Server stores the relational data used by the shop.

  • C#
  • Microsoft SQL Server

Search & caching

Elasticsearch supports product search across the catalogue. Redis provides caching for the application.

  • Elasticsearch
  • Redis

AI recommendations

Claude and other AI models support product recommendations alongside catalogue browsing and search.

  • Claude
Your catalogue business

Make complex products easier to find and buy.

We can connect your product data, search, recommendations and order process in a storefront built around how your customers choose.

Discuss your commerce platform