E-commerce
One Lax
An e-commerce storefront for One Lax, including 3D-printed grip gloves.
Context / scope
Overview and scope
A storefront for One Lax.
The routes in the code include sign-in and account pages, a game-changer page, news, sticks, a team gear order form and a payment success page.
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
Selecting a product variant
- Add to Cart is disabled when no matching variant exists or tracked stock is zero.
- For products with quantity tracking, increasing the quantity is capped at the selected variant inventory.
Engineering / decisions
Architecture and decisions
Next.js 15.1 with React 18 and TypeScript, using MUI 6, Redux Toolkit with redux-persist, and TanStack Query.
The dependency list includes Stripe, Firebase and JWT handling for sign-in.
Variant selection encoded in the URL
Attribute changes navigate to a variant ID when an exact match exists, or to individual attribute parameters when it does not. Changing attributes resets the quantity to one.
Limits / notes
Known limitations
- The screenshots show the shopping and account interfaces; live payments, sign-in and email delivery are outside the captured walkthrough.
Stack / tools
Technologies
- Next.js
- React
- TypeScript
- MUI
- TanStack Query
- Redux Toolkit