Advanced Filtering Shoe Store 👟

A modern shoe store application with advanced filtering capabilities built with React.

🚀 Features

• Product Filtering: Filter by category, price, color, and brand
• Search Functionality: Search through products
• Modern UI: Clean and intuitive interface
• Product Grid: Display products with images, ratings, and prices

🛠️ Tech Stack

• React 19.1.0 - Frontend library
• React Icons - Icons

📦 Installation

1. Clone the repository

git clone https://github.com/mahm0udnasr/advanced-filtering.git
cd advanced-filtering

2. Install dependencies

npm install

3. Run the development server

npm run dev

4. Open your browser Navigate to http://localhost:3000

🔧 Customization

Adding New Products

Edit db/data.ts and add new product objects:

{
  id: number,
  img: "image-url",
  title: "Product Name",
  reviews: "(123 reviews)",
  prevPrice: "$140.00",
  newPrice: "200",
  company: "Brand",
  color: "color",
  category: "category"
}

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

👨‍💻 Author

Mahmoud Nasr

• GitHub: @Mahm0udNasr

---

Note: This is a demo project. Product images are used from Amazon for demonstration purposes only.