E-commerce-Application

📌 About The Project

This is a fully responsive E-Commerce Website built using HTML, CSS, and JavaScript. The project demonstrates modern frontend development concepts including API integration, dynamic routing, local storage usage, and responsive UI design.

🚀 Features

✅ Responsive Header

✅ Hamburger Menu for mobile devices

✅ Fully responsive design (Desktop, Tablet, Mobile)

✅ Products fetched using Fetch API

✅ Product Detail Page (Dynamic)

✅ Local Storage integration (Product IDs stored)

✅ Filter functionality

✅ Add to Cart feature

✅ Dynamic product cards

🛠️ Technologies Used

HTML5

CSS3

JavaScript (ES6)

Fetch API

Local Storage

📂 Project Structure 📁 E-commerce-Website │── index.html │── about.html │── contact.html │── products.html │── detail.html │── css/ │── js/ │── assets/

🔄 How It Works

Products are fetched from an API using fetch().

When a product is clicked, its ID is stored in localStorage.

The Detail page retrieves that ID and fetches the selected product data.

Filter functionality allows users to sort products.

Fully responsive layout using CSS media queries.

🎯 Purpose

This project is created to practice:

API handling

DOM manipulation

Responsive design

Local storage management

Dynamic page navigation

👩‍💻 Author

Hania Siddiqui Frontend Web Developer