E-commerce
Great North RC
An RC hobby storefront with product browsing, cart and checkout.
Context / scope
Overview and scope
A hobby storefront built on the ToolSwift commerce platform.
Beyond the shop pages, the code has announcements, fulfillment and refunds pages.
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
Online-order information
- Catalogue cards and the product screen include an online-order-only label with an explanatory tooltip.
- The checkout screen uses Canada as its default country.
Engineering / decisions
Architecture and decisions
Next.js 15.5 with React and TypeScript, using jotai, TanStack Query and framer-motion.
The dependency list includes Stripe and Shippo, a shipping-rates service.
A shared storefront query client
The storefront provider receives a shared TanStack Query client. Its query defaults use a five-minute stale time and ten-minute garbage-collection time, with retries and focus/reconnect refetching disabled.
Limits / notes
Known limitations
- The screenshots show the storefront interface; live maps and email delivery are outside the captured walkthrough.
Stack / tools
Technologies
- Next.js
- React
- TypeScript
- Tailwind CSS
- MUI
- TanStack Query