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.
-
Clone the repository:
git clone https://github.com/Alotab/Advance-React-filtering.git
-
Install dependencies: Navigate to the project folder and run:
npm install
-
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.
-
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.