Restored front-end storefront demonstrating cart state, responsive UI and browser persistence.
A modernised e-commerce portfolio project built around a collection of classic board games.
Live: shopping-cart-two.vercel.app
Stack: HTML5 · CSS · JavaScript ES Modules · Vite · localStorage
Status: v2 · Complete / Live
This project started as an early front-end development project while I was learning HTML, CSS and JavaScript.
The original version explored:
- Product listings
- Shopping-cart behaviour
- Quantity controls
- Browser storage
- Delivery calculations
- VAT calculations
- Basic e-commerce interaction
The original concept was kept, but the project was rebuilt and brought up to current standards.
The modern version includes:
- Responsive layouts
- Modern CSS
- Semantic HTML
- Improved accessibility
- Updated product imagery
- Persistent cart state with
localStorage - Quantity and removal controls
- Delivery and VAT calculations
- Contact-form validation
- Mobile navigation
- Production build with Vite
- HTML5
- CSS
- JavaScript ES Modules
- Vite
- localStorage
The store currently includes ten classic games:
- Monopoly
- Chess
- Scrabble
- Battleship
- Trivial Pursuit
- Draughts
- Connect Four
- Cluedo
- Snakes and Ladders
- Risk
Install dependencies:
npm installStart the development server:
npm run devCreate the production build:
npm run buildPreview the production build:
npm run previewOriginal / Legacy Version — v1.0
2022 learning project preserved through repository history.
Modernised Version — v2.0
Restored, modernised and deployed in 2026.
v2.0 — Complete / Deployed
This project forms part of my developer portfolio and shows the progression from an earlier learning project to a modernised, production-ready implementation.
GitHub: Humerous/shopping-cart
Board-game names and trademarks remain the property of their respective owners. This is an independent portfolio project and is not affiliated with or endorsed by those brands.