Skip to content

This is a simple React application that implements an Advance search filter for products. The search filter allows users to search products based on name, price range, color, and category.

Notifications You must be signed in to change notification settings

Alotab/Advance-React-filtering

Repository files navigation

Product Search Filter

This is a simple React application that implements a search filter for products. The search filter allows users to search products based on name, price range, color, and category. The application uses local data and does not rely on any external search libraries or APIs.

How to Use

  1. Clone the repository:

    git clone https://github.com/Alotab/Advance-React-filtering.git
    
  2. Install dependencies: Navigate to the project folder and run:

    npm install
    
  3. Start the app: Run the following command to start the React development server:

    npm run dev
    

    The app will be accessible at http://localhost:3000.

  4. Search and filter products: Use the search input to filter products by name, select the desired price range, color, and category to narrow down the list of displayed products.

About

This is a simple React application that implements an Advance search filter for products. The search filter allows users to search products based on name, price range, color, and category.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published