🛍️ Product Dashboard

A responsive, accessible, and modern product dashboard built using React, Redux Toolkit, and Tailwind CSS. This application demonstrates key frontend skills like state management, asynchronous API handling, filtering and sorting.

---

🚀 Live Demo

View Deployed App

---

📸 Preview

---

📦 Features

• ✅ Product listing in a responsive grid layout
• 🔍 Search (with debounce), category filter, and price sorting
• 📄 Product detail page with full information and favorite toggle
• ❤️ Favorites page to view and remove saved items
• ⚙️ State managed with Redux Toolkit (products, filters, favorites)
• 🔁 API integration with Fake Store API
• 📱 Mobile-first and accessible UI using Tailwind CSS

---

🧩 Tech Stack

• React (Functional components + Hooks)
• Redux Toolkit (Slices, Async Thunks, Selectors)
• React Router DOM (Routing)
• Tailwind CSS (Styling)
• Fake Store API (Data source)

---

🛠️ Setup Instructions

1. Clone the repository

   git clone https://github.com/chanchal-soni98/product-dashboard.git
   cd Neuradynamics.AI-Assignment
   npm install
   npm run dev