# Product Feedback App

- URL: https://www.guneyunay.com/en/projects/product-feedback-app
- Live demo: https://product-feedback.guneyunay.com/
- Stack: React, Cloudflare Workers, Hono, Better Auth, React Query, Jest, DND Kit
- Date: 2025-04-05

[![](https://www.guneyunay.com/projects/product-feedback-app.webp)](https://product-feedback.guneyunay.com/)

# Product Feedback App

  `React` `Cloudflare Workers` `Hono` 
  `Better Auth` `React Query` `Jest` 
  `DND Kit`

Hello again after a long break! 👋 In this project, I developed a product
feedback application, primarily focused on exploring server-side development
with **Cloudflare Workers** and **Hono**. Although it involves basic CRUD
operations, it posed a delightful challenge and allowed me to dive deeply into
these technologies.

The application enables users to create and manage multiple products, receive
feedback, and strategically plan actions using a visually appealing roadmap.
Thanks to the implementation of **optimistic UI**, users experience seamless
interactions without noticeable waiting times during server-side operations.

## Main Features 🌟

- **Multiple Product Management**: Users can effortlessly create and manage
  multiple products.
- **Feedback Collection**: Easily gather and organize feedback related to each
  product.
- **Interactive Roadmap**: Utilize a beautifully animated drag-and-drop feature
  powered by **DND Kit** for effective planning and management.
- **Optimistic UI Updates**: Perform actions rapidly, providing instant feedback
  without waiting for server responses.
- **Nested Comments**: Users can comment on feedback and even reply directly to
  existing comments, facilitating meaningful discussions.

## Technologies and Practices 🛠️

- **React Query**: Efficient data fetching, caching, and mutations on the
  client-side.
- **Better Auth**: Reliable and secure authentication system.
- **Unit Testing with Jest**: Ensured robust and maintainable code through
  comprehensive testing.

I invite you to explore the source code to gain new insights and perspectives on
building similar applications.

Happy coding! 🚀

## Links

- **Source Code**:
  [GitHub Repository](https://github.com/unaygney/product-feedback-app)
- **Live Application**:
  [Product Feedback App](https://product-feedback.guneyunay.com/)