GadgetHeaven✨

Your go-to destination for the latest and greatest gadgets! 🚀

GadgetHeaven is an e-commerce platform where you can easily browse and purchase new and modern gadgets.

🖥️ Live Website

View Live Website

📄 Requirement Document

View Requirement Document

---

📚 React Fundamentals Used

1. React Components: Reusable components like Navbar, Footer, ProductCard, etc.
2. State Management: Managed state efficiently using React's useState and useReducer.
3. Props: Passed data between parent and child components for better reusability.
4. React Router: Used react-router-dom for seamless navigation between pages.
5. Context API: Managed cart and wishlist globally without prop drilling.

---

📦 Data Management

• Context API: Used for managing cart and wishlist functionality globally.
• LocalStorage: For data persistence, ensuring cart and wishlist data are retained even after page reload.

---

🚀 Key Features

1. Shopping Cart:

   • Add/remove items to/from the cart.
   • View total cost dynamically.
   • Sort items by price.

2. Wishlist System:

   • Add/remove items to/from the wishlist.
   • Prevent duplicate entries.

3. Product Filtering:

   • Filter products by categories, price ranges, and popularity.

4. Product Details Page:

   • Detailed information for each product, including images, descriptions, and prices.

5. User-Friendly Interface:

   • Mobile responsive design.
   • Smooth navigation with React Router.
   • Edge case handling (e.g., empty cart or wishlist).

---

📂 How to Run Locally

1. Clone the repository:

   git clone https://github.com/MxAziz/Gadget-Heaven.git
   
   

2. Move project directory

cd gadgetheaven

3. Install dependencies for this project

npm install

4. Start development server

npm start