Product Feedback app

This is a solution to the Product feedback app challenge on Frontend Mentor

Features

• 👤 User Authentication & profile update
• 🛡️ Admin Controls (Official Replies, Update Status)
• ➕ Create, Edit, Delete product feedback Requests
• 👍 Upvote & Sort feedbacks by Votes/Comments
• 🏷️ Filter suggestions by Category
• 💬 Comment & Reply (Threaded Conversations)
• 📊 Roadmap Tracking with Kanban view for admins (Planned, In Progress, Live)

stack

• UI: React
• Backend framework: Fastify
• Database: Postgresql
• ORM: Drizzle ORM
• Global state management: Redux Toolkit
• Asynchronous states management: RTK query

Database Design

Running locally

1. Clone repository

   git clone git@github.com:Raphico/product-feedback-app.git
   cd product-feedback-app

2. Install dependencies

   yarn install

3. Setup environmental variables (see .env.example)

4. Start database container

   docker compose -f docker-compose.dev.yml up --build

5. Run database migrations

   yarn workspace @product-feedback-app/server db:migrate

6. start development servers

   yarn dev

License

Licensed under the MIT License. Check the LICENSE file for details.