Project Overview

A responsive front-end e-commerce website that allows users to browse products, filter by category, add items to a cart, and checkout using JavaScript and Local Storage.

Screenshots

Key Features

• Product listing with images and prices
• Category-wise product filtering
• Add to cart with quantity control
• Shopping cart sidebar
• Product detail modal
• Local Storage cart persistence
• Responsive design

Functionality

• Display products dynamically
• Filter products by category
• Add, update, and remove cart items
• Calculate total cart price
• Store cart data in browser
• Simulate checkout process

Technology Used

• HTML5
• CSS3
• Bootstrap 5
• JavaScript
• Font Awesome
• Local Storage

Why This Project Is Useful

• Demonstrates real-world e-commerce functionality
• Improves JavaScript and DOM manipulation skills
• Useful for portfolios and academic projects
• Can be extended to full-stack applications

Download Source Code

Project Setup Instructions

Note: This project is for educational purposes only. Not for commercial sale.