React my dukaan E-commerce Product Listing

This project is a simple React-based e-commerce product listing page, which retrieves product data from a public API and displays it with filter and search functionalities. Users can add or remove items from their cart and filter products by rating, price, and search terms.

Table of Contents

• Overview
• Technologies Used
• Features
• Setup

---

Overview

This project uses React's Context API to manage global state for a product catalog and cart system. The user can filter products by rating, search for products, and adjust the price range. Each product can be added to or removed from a cart.

Technologies Used

• React: Frontend framework
• Context API: State management
• Tailwind CSS: Styling
• Fetch API: To retrieve product data from FakeStore API

Features

• Product Listing: Display products fetched from an API.
• Filter and Search: Filter products by rating, search by title, and filter by price.
• Add to Cart: Users can add products to a cart or remove them.
• Responsive Design: Optimized for various screen sizes.

Setup

Prerequisites

• Node.js and npm installed on your machine.

Installation

1. Clone the repository:

   git clone https://github.com/girish104/my-dukaan-ecommerce
   

2. cd

   my-dukaan-ecommerce 
   

3. Install

   npm install  -  npm install react-router-dom  --   npm install react-icons
   
   

4. Run

   npm run dev