Gadget Heaven is an e-commerce platform built with React where users can explore and purchase the latest gadgets. The platform allows users to manage their cart, wishlist, and checkout with a smooth user experience. It features a responsive design, modern UI components, and integration with local storage to persist user data.
- ⚛️ React: Core framework for creating the application's UI and managing state.
- 🎨 Tailwind CSS: For responsive, utility-based styling.
- 🌼 DaisyUI: UI components built on Tailwind CSS, enhancing the styling and component accessibility.
- 🔔 React-Toastify: Provides pop-up notifications for various actions like adding items to the cart and wishlist.
- 🗂️ JSON: For managing product and category data.
- 🛠️ Git: Version control to manage project development and deployment.
- JSX (JavaScript XML): Used to write HTML-like syntax inside JavaScript code.
- Components: Divided the UI into reusable and modular components (e.g., Navbar, ProductList, Cart).
- Props and State: Managed dynamic content using state and passed data between components using props.
- Event Handling: Handled user interactions (like adding products to the cart or wishlist).
- useEffect: Used to perform side effects like fetching data and syncing the cart and wishlist with local storage.
- React Router: Used for navigating between pages (e.g., Cart, Wishlist, Product Details).
- Local Storage: Used for persisting the user's cart and wishlist data so that the data remains even after a page reload or session change.
- 🛒 Cart System: Add products to your cart, manage quantities, and proceed to checkout.
- 💖 Wishlist: Save your favorite gadgets to view and purchase later.
- 🔄 Persistent Data: Data such as cart items and wishlist are saved using local storage, ensuring they persist across sessions.
- 📦 Product Details Page: View detailed information about each product, including description, price, and availability.
- 🔔 Toast Notifications: Notifications are displayed to inform the user when actions are taken, like adding an item to the cart or wishlist.
- Netlify Live Link: 👉 https://gadget-heaven37.netlify.app