GadgetHaven - E-commerce Platform

Live Website Link

https://gadget-1heaven.netlify.app/

Requirement Document Link

Download Requirement Document

Overview

GadgetHaven is a modern, responsive e-commerce platform built with React. It offers advanced functionality, including product filtering, cart and wishlist management, and a seamless user experience. The platform is designed to provide a robust foundation for future enhancements and scalability.

React Fundamental Concepts Used

This project incorporates essential React concepts, including:

• Components: Modular and reusable building blocks of the user interface.
• JSX: HTML-like syntax within JavaScript for component structure.
• Props: For passing data between components.
• State: Manages dynamic data and triggers re-renders.
• Lifecycle Methods: Handles side effects, such as data fetching.
• Context API: Global state management for the cart and wishlist.
• React Router: Enables navigation between pages and routes.
• Custom Hooks: Encapsulates reusable logic for better code reusability.

Data Management

• Context API: Centralized state management for the cart and wishlist, ensuring consistent data across the application.

Key Features

1. Responsive Design: Fully responsive and optimized for all screen sizes.
2. Structured Navigation: Intuitive navigation bar for seamless access to different sections.
3. Product Filtering and Sorting: Filter products by category and sort them by price.
4. Cart and Wishlist Management: Add, view, and manage items in the cart or wishlist.
5. Smooth User Experience: Enhanced with smooth scrolling, modals for confirmations, and toast notifications.

Setup Instructions

1. Clone the repository: git clone <repository_url>
2. Navigate to the project directory: cd gadgethaven
3. Install dependencies: npm install
4. Start the development server: npm start

Challenges and Future Enhancements

• Price Limits: Implementing restrictions on the cart's total value.
• Statistics Page: Enhancing with graphical data representations.
• Item Removal: Allowing users to remove items from both the cart and wishlist.
• User Authentication: Adding secure login and registration functionality.

Contribution Guidelines

We welcome contributions! To contribute:

1. Fork the repository.
2. Create a new branch: git checkout -b feature-name.
3. Commit your changes: git commit -m 'Add feature-name'.
4. Push the branch: git push origin feature-name.
5. Submit a pull request for review.

License

This project is open-source and available under the MIT License.

---

Feel free to report issues or suggest improvements through the repository's issue tracker.