Product Feedback (Frontend Mentor)
Description
The Product Feedback App is a responsive application designed to foster customer engagement and facilitate insightful product feedback. It provides an optimal layout that adapts according to the device's screen size, ensuring a seamless user experience on all devices. The application features interactive elements with hover states on the page, adding a dynamic feel to the user interface. It is primarily centered around product feedback requests, where users can create, read, update, and delete these requests, facilitating an ongoing dialogue about product improvements. Form validations are in place when creating or editing feedback requests, ensuring that all feedback is well-structured and meaningful. For convenience and further analysis, the app allows users to sort suggestions by the most or least upvotes and comments. This helps in identifying popular opinions or recurring issues. The filter feature allows users to categorize suggestions, making it easier to review and analyze feedback. The application also encourages community interaction through its comment and reply functionality, fostering discussions around product feedback requests. Users have the option to upvote product feedback requests, further highlighting popular requests and indicating strong customer preferences. As a bonus feature, the application keeps track of all changes, ensuring that user interactions are retained even after refreshing the browser.
Functionalities
- View the optimal layout for the app depending on their device's screen size
- See hover states for all interactive elements on the page
- Create, read, update, and delete product feedback requests
- Receive form validations when trying to create/edit feedback requests
- Sort suggestions by most/least upvotes and most/least comments
- Filter suggestions by category
- Add comments and replies to a product feedback request
- Upvote product feedback requests
- **Bonus**: Keep track of any changes, even after refreshing the browser ('localStorage' could be used for this if you're not building out a full-stack app)