FeedbackTo - Feedback Board

This is a solution to the following Guru Frontend Mentor challenge.

Table of contents

• Overview
  • Features
  • Screenshot
  • Links
  • Built with
• Author

Overview

Features

• Dark mode
• Filter suggestions by category
• Sort suggestions by most/least upvotes and most/least comments
• Modal using React Portals
• Create, read, update, and delete product feedback requests
• Upvote product feedback requests
• Receive form validations when trying to create/edit feedback requests
• Add comments and replies to a product feedback request
• Optimal layout for the app depending on their device's screen size
• Hover states for all interactive elements on the page
• Feedback requests with a status of planned, in-progress, or live should show up on the roadmap page

Screenshot

Links

• Repository URL: Github repository
• Live Site URL: FeedbackTo - Feedback Board
• Solution URL: Frontend Mentor

Built with

• Semantic HTML5 markup
• Accessible features
• CSS (Grid and Flexbox for layout) with BEM methodology
• Sass
• React
• react-select
• React Hook form
• Serverless functions with Airtable as DB

Author

• Portfolio
• Linkedin
• Github
• @jmarellanes