A simple, responsive online clothing store built with HTML, CSS, and JavaScript. This project features a shopping cart system using localStorage, allowing users to add, update, and persist their cart even after refreshing the page.
- Browse and add products to cart
- Fully responsive layout for mobile, tablet, and desktop
- Shopping cart with quantity adjustment
- Total amount calculation
- Cart data stored in
localStorage(persists between sessions) - Clear all items or checkout
- Navigation between
index.htmlandcart.html
project-root/
│
├── index.html # Home page with product listings
├── cart.html # Shopping cart page
├── images/
├── src/
│ ├── style.css # All styles for both pages
│ ├── data.js # Product data (id, name, price, image)
│ └── cart.js # Cart logic (localStorage, rendering, buttons)
│ └── main.js
- Clone the repository
git clone https://github.com/your-username/clothing-store-cart.git
cd clothing-store-cart- Open with Live Server
Make sure you have the **Live Server** extension installed in VS Code.
Right-click on index.html
Select Open with Live Server
- Access the App
Visit http://127.0.0.1:5500/index.html in your browser
Click the cart icon to visit cart.html
- HTML5
- CSS3
- JavaScript (ES6+)
- Bootstrap Icons (CDN)
Product images used in this project are sourced from Unsplash.