🛒 ShopEase

ShopEase – A beginner-friendly e-commerce site built with HTML, CSS, and JavaScript using the DummyJSON API.

---

📌 Description

ShopEase is a simple e-commerce web app where users can browse products, view details, and manage a shopping cart. It is built with HTML, CSS, and JavaScript, and uses the DummyJSON API to fetch real product data.

The project is designed to help beginners practice:

• Working with APIs
• DOM manipulation
• Event handling
• localStorage for saving data
• Responsive web design

---

✨ Features

• ✅ Browse a list of products (with images, title, price, rating)
• ✅ Search and filter products
• ✅ View detailed product pages with reviews
• ✅ Add to cart and manage quantities
• ✅ Cart persists with localStorage
• ✅ Responsive design for desktop & mobile

(Stretch goals: wishlist, authentication, dark mode, pagination)

---

📂 Project Structure

ecommerce-site/
│── index.html        # Homepage (product list)
│── product.html      # Single product page
│── cart.html         # Shopping cart page
│── style.css         # Styles
│── script.js         # JS logic (fetching API, DOM updates)
│── README.md         # Project documentation

---

⚡ Technologies Used

• HTML5 – Structure
• CSS3 – Styling & responsive design
• JavaScript (ES6) – Interactivity
• DummyJSON API – Product data

---

🚀 Getting Started

1. Clone the repo:

   git clone https://github.com/yourusername/shopease.git
   

2. Open index.html in your browser.

3. Start browsing products 🎉

---

📸 Screenshots (add later)

• Homepage (product listing)
• Product details page
• Cart page

---

🛠️ Roadmap

• Product listing page
• Product details page
• Shopping cart with totals
• Search & filtering
• Wishlist & login (optional)
• Dark mode

---

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to fork the repo and submit a pull request.

---

📜 License

This project is licensed under the MIT License – feel free to use and modify it.