← All work
Project 08·E-commerce storefront
Maxi-Hub Fragrance
Fragrance storefront with cart, checkout screens and a scent finder
ReactViteTailwindshadcn/uiNode.jsVercelClient · E-commerce front end
01The problem
A fragrance brand needed an online storefront where people could browse, choose a scent and move toward buying.
02The approach
A React and Vite storefront built screen by screen, with the cart and checkout interface designed ahead of the backend.
03What I built
- Product storefront
- Cart
- Checkout screens
- Scent finder
- Reusable interface components with Tailwind and shadcn/ui
- Responsive layout for phone and desktop
- Deployed on Vercel
04What changed
- Shoppers can browse the range, use the scent finder and review a cart before checkout
- Checkout screens are ready to connect once the backend ships
- Front end is built, the backend is in development and production is paused by the founder, so checkout does not complete orders yet