A modern React-based Product Feedback Application enabling users to add suggestions, upvote, comment, and track roadmap statuses — all with a beautiful, responsive UI.
Live Demo: feedback-form-black.vercel.app
- Add Feedback: Easily submit ideas with a title, category, status, and description.
- Edit & Delete: Quickly update or remove your feedback posts.
- Upvotes: Support the best ideas by upvoting suggestions.
- Comments: Engage with feedback through threaded comments.
- Roadmap View: See a categorized roadmap—Planned, In-Progress, and Live.
- Responsive UI: Built for every device, styled with TailwindCSS.
- Frontend: React 19, React Router DOM 7
- State: Redux Toolkit
- Styling: TailwindCSS
- Icons: Lucide React
- Deployment: Vercel
feedback/
├─ src/
│ ├─ components/ # Reusable UI building blocks
│ ├─ pages/ # Main screens (Homepage, DetailPage, etc.)
│ ├─ store/ # Redux store & slices
│ ├─ data/ # Initial dummy data
├─ public/
├─ package.json
└─ tailwind.config.js
-
Clone the repo:
git clone https://github.com/PinkPanther21/feedbackForm.git cd feedbackForm -
Install dependencies:
npm install
-
Run locally:
npm run dev
Visit http://localhost:5173 in your browser (default Vite port).
Deployed via Vercel, with automatic updates from GitHub.
- Live Demo: feedback-form-black.vercel.app
This project is ideal for anyone seeking to learn modern React, state management with Redux Toolkit, and build beautiful, productive web apps!