A modular, lightweight e-commerce frontend simulation built using HTML, CSS, and JavaScript. Features include dynamic product rendering, persistent cart management, and reusable UI components (navbar, footer, etc.), making it ideal for learning or prototyping e-commerce flows.
- Centralized
data.jsfile for product list. - Automatic product card generation.
- Easy scalability: add new products by editing one file.
- Persistent cart using localStorage.
- Add/remove/update items.
- Auto-calculated totals.
- No backend required.
- Perfect for beginners and static hosting (GitHub Pages, Netlify, Vercel).
- Clone the repo
git clone https://github.com/armansingh24/ecommerce-simulation.git
cd ecommerce-simulation-
Open
index.htmlin a browser No build tools needed. -
(Optional) Use Live Server for better development workflow.
You can host this project easily on:
- GitHub Pages
- Netlify
- Vercel
- Any static hosting service
Contributions are welcome! Ideas for improvement:
- Search bar for products
- Category filters
- Dark mode theme
- Product detail page
MIT License — free for personal and commercial use.
Made with ❤️ by Arman Singh