🛒 E-Commerce Cart System (Frontend)

A frontend e-commerce cart system built using Vanilla JavaScript. Features dynamic product listing, add/remove cart functionality, persistent cart state using localStorage, and real-time UI updates.

🚀 Features 🧺 Shopping Bag (Cart) Functionality

Add products to the shopping bag from the home page

Remove products directly from the bag page

Shopping bag count updates instantly on add or remove

Cart state persists across page refresh using localStorage

Same cart data is shared across multiple pages

📦 Product Display

Dynamic rendering of products from a data source

Product details include image, brand, price, discount and delivery info

💰 Bag Summary

Displays total number of items in the bag

Shows total MRP, discounts, convenience fee and final payable amount

Updates automatically when items are added or removed

🛠️ Tech Stack

HTML5

CSS3

Vanilla JavaScript

Browser localStorage

No frameworks or libraries used

📌 Future Improvements

Quantity selector per item

Authentication-based cart

Backend integration

Payment gateway simulation