Product Feedback Portal - Take Home Challenge

This repo contains multiple TODOs to test the candidate's competence across various areas expected of a fullstack developer. The goal is to implement a product feedback portal where users can submit, view, upvote, and filter feedback items.

Getting Started

1. Clone this repository
2. Install dependencies: You can use whichever package manager you like npm, yarn, pnpm, bun etc
3. Run the development server: npm run dev or equivalent command
4. Open http://localhost:3000 in your browser

Challenge Requirements

This challenge is designed to test your skills in:

• TypeScript
• React
• Next.js (App Router)
• API design
• State management
• Form handling
• Performance optimization

Tasks

Look for TODO comments throughout the codebase. These indicate areas where you need to implement functionality. The main tasks include:

1. Implementing the feedback submission form with validation
2. Adding status filtering functionality
3. Implementing upvote functionality with optimistic UI updates
4. Completing the API routes with proper validation and error handling
5. Implementing data fetching with SWR or React Query
6. Adding proper TypeScript types throughout the application

Evaluation Criteria

Your submission will be evaluated based on:

• Code quality and organization
• TypeScript usage and type safety
• Component design and reusability
• State management approach
• API design and error handling
• Performance considerations
• Attention to detail

Time Expectation

This challenge is designed to be completed in approximately 4 hours. Focus on demonstrating your skills rather than completing every single TODO item.

Submission

When you're finished, please:

1. Push your code to a private repository
2. Share the repository with us
3. Include a brief README explaining your approach and any decisions you made

Good luck!