Dynamic Product Filter (React)

📌 Project Overview

This project is a Dynamic Product Filter built using plain React (Create React App). It allows users to filter products dynamically based on selected criteria. This project does NOT use Next.js.

🚀 Tech Stack

• React (CRA)
• JavaScript (ES6)
• HTML5
• CSS3

❌ Not Used

• Next.js
• Server-side rendering (SSR)

📂 Project Structure

├── public/
├── src/
│   ├── components/
│   ├── data/
│   ├── App.js
│   └── index.js
├── package.json
└── README.md

⚙️ Installation & Setup

npm install
npm start

The app will run at:

http://localhost:3000

🌐 Live Demo (GitHub Pages)

✅ Correct Link: https://rudrajit01.github.io/24BCY70262-2b-Rudrajit-Pramanik/

If the page does not load, run:

npm run deploy

📦 Deployment Notes

• Deployed using gh-pages
• homepage field is set correctly in package.json
• Build folder is auto-published

🎯 Learning Outcomes

• Understand React component-based architecture
• Implement dynamic filtering using state and props
• Deploy a React app using GitHub Pages

👤 Author

Rudrajit Pramanik Course: B.Tech | Cyber Security

---

✔️ This is a plain React project, not Next.js.