E-commerce
Amherst Supply
An e-commerce storefront with product categories, shopping and building-package pages.
Context / scope
Overview and scope
A supply storefront built on the ToolSwift commerce platform.
Besides the shop, the code has pages for account applications, building packages, careers, financing, a magazine subscription, referrals and policies.
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
Building-package enquiries
- The building-packages page includes a Request a Quote trigger and image galleries with previous and next slide controls.
Engineering / decisions
Architecture and decisions
Next.js 16 with React 19 and TypeScript, using MUI components, the shared Tailwind config, jotai and TanStack Query.
The dependency list includes Stripe, Mailchimp, reCAPTCHA and a signature-canvas component.
Load the shared catalogue on the client
The catalogue page dynamically imports the shared CatalogScreen with server rendering disabled. A catalogue skeleton is supplied for both the dynamic import and its Suspense boundary.
Limits / notes
Known limitations
- The screenshots show the storefront and request forms; CAPTCHA verification, signature entry and live maps are outside the captured walkthrough.
Stack / tools
Technologies
- Next.js
- React
- TypeScript
- Tailwind CSS
- MUI
- TanStack Query