https://github.com/abhijithmuthyala/product-feedback-app

A full stack app through which users of a product can provide feedback and engage in conversation with other users.
https://github.com/abhijithmuthyala/product-feedback-app

app-router full-stack middleware nextjs react server-actions server-components supabase

Last synced: 2 days ago
JSON representation

A full stack app through which users of a product can provide feedback and engage in conversation with other users.

• Host: GitHub
• URL: https://github.com/abhijithmuthyala/product-feedback-app
• Owner: abhijithmuthyala
• Created: 2024-02-27T06:54:18.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2025-01-16T11:58:55.000Z (28 days ago)
• Last Synced: 2025-01-16T13:11:56.682Z (28 days ago)
• Topics: app-router, full-stack, middleware, nextjs, react, server-actions, server-components, supabase
• Language: TypeScript
• Homepage: https://product-feedback-app-indol.vercel.app/
• Size: 197 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Tech stack

- Next.js and React

  - App router

  - Server Actions

  - Revalidation

  - React server and client components

  - Suspense and useFormStatus hook for loading states

- Supabase

  - Auth

  - Database

  - Remote Procedure Calls (RPC)

- Tailwind CSS

- Figma

## Features

- Authentication and Authorization.

- Authenticated users can

  - upvote a feedback

  - edit their own feedback only

  - add a new feedback

  - comment on a feedback

- Unauthenticated users can view the content but cannot interact with the app.

## Routes

- `/?category={}&sort={}`

  - Renders a list of feedbacks.

  - Includes filters and sort. They are added to the URL as query parameters. Users can bookmark the URL with the params included.

- `/login`

  - Trying to acess protected routes without logging in, will redirect to this route.

- `/details/{id}`

  - Contains comments on the feedback.

- `/edit/{id}`

  - Protected route

  - Only an authenticated user who is also the author of that feedback post will be able to access this route. It will result in a `404` for other authenticated users.

- `/roadmap?status={}`

  - Renders a list of suggestions based on the selected `status` filter. The filter is added to the URL as query param and is bookmark-able.

## Dev and productivity tools

- Cody AI autocomplete for VSCode.

- ChatGPT for generating RPC functions in supabase.

- Polypane browser to match the original design.

## Code consistency and formatting

- Prettier

- Prettier plugin tailwind

- ES Lint

- Lint staged - To format the code before every commit