Skip to content

README.md

Latest commit

 

History

History
65 lines (42 loc) · 2.74 KB

README.md

File metadata and controls

65 lines (42 loc) · 2.74 KB

Live link

Gadget Heaven

This application allows users to browse products, add them to their cart or wishlist, and manage their selections. The site offers a user-friendly interface with clear navigation and real-time updates. Key features include product categorization, rating, and dynamic data visualization. Under the hood, the application utilizes various React concepts and libraries to ensure a robust and efficient user experience.

React Fundamental Concepts

List of React Fundamental concepts used in the project:

  • State Management: Using useState hook to manage dynamic data like cart items, wishlist items, and other stateful components.
  • Effects: Employing useEffect hook to perform side effects, such as fetching data or subscribing to events.
  • Routing: Implementing react-router-dom for navigation between different pages of the application.
  • Context API: Using Context API to share data across components without prop drilling.
  • Components: Building reusable components using functional and class-based components.
  • Hooks: Leveraging custom hooks to extract reusable logic.

Key Features

  • Product categorization: Organizing products into meaningful categories.
  • Add to cart functionality: Allowing users to add items to their shopping cart.
  • Data visualization: Using charts and graphs to present data in a visual format.
  • Wishlist feature: Enabling users to save products for later.
  • Dynamic updates: Real-time updates for item counts, cart contents, and wishlist items.

Handling and Managing Data

  • Local Storage: Storing cart data locally in the browser's storage for persistence.
  • Context API: Sharing global data, such as user preferences or theme settings, across components.

Additional Features

  • Active navigation: Enhancing user experience by highlighting the current page.
  • Icon usage: Improving the visual appeal of the website.
  • Toast notifications: Providing visual feedback to the user.

Installation

  1. Clone the repository:

    git clone [https://github.com/AnisulHaqueNiloy/React-Based-E-Commerce-Platform.git](https://github.com/AnisulHaqueNiloy/React-Based-E-Commerce-Platform.git)

  2. Navigate to the project directory:

    cd React-Based-E-Commerce-Platform

  3. Install dependencies:

    npm install  # or yarn install

  4. Start the development server:

    npm start  # or yarn start

  5. Open the application: The application should now be running at http://localhost:3000 (or a similar address displayed in your terminal). Open this address in your web browser.