E-commerce
Home Central Stores
A hardware and building-supply storefront with shopping, services and a contractor zone.
Context / scope
Overview and scope
A hardware and building-supply storefront built on the ToolSwift commerce platform.
The code has pages for a contractor zone, company history, store locations, a showroom, paint, special ordering, the team and careers, as well as the shop.
Front-end developer. The CV lists integrated DTC e-commerce storefronts among the front ends built.
Results
- The CV records no result figures for this project, so none are stated.
- The storefront captures use invented products, prices and store details; brand names and logos are the project's own.
Interface / screens
Walkthrough
Screen 1 of 6: Home page. Real interface, sample data.
Behaviour / flows
Features and flows
Finding and adding products
- Pressing Enter in search opens the catalogue with the search text and selected category in the URL.
- Adding a variant rejects unavailable quantities or a conflicting fulfilment method; a successful addition opens the cart drawer.
Engineering / decisions
Architecture and decisions
Next.js 15.5 with React and TypeScript, using MUI and Tailwind CSS. State uses jotai and TanStack Query; sign-in uses the Auth.js beta.
Markdown content is shown with react-markdown.
Debounced search with category-specific cache keys
Search waits 500 milliseconds after input changes. The query key includes the selected category and debounced text; results have a five-minute stale time and do not refetch on window focus.
Limits / notes
Known limitations
- The screenshots focus on shopping flows; live maps and Markdown rendering are outside the captured walkthrough.
Stack / tools
Technologies
- Next.js
- React
- TypeScript
- Tailwind CSS
- MUI
- TanStack Query