Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted about 2 years ago

Product Feedback App | React, Firebase, User Authentication

firebase, react, tanstack-query, typescript, react-router
Ryan Bradley•630
@ryanbradley-webdev
A solution to the Product feedback app challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


In order to make this project more realistic and usable, I added user authentication to the project to make sure a given user can post comments and replies with their chosen name/handle. I haven't added the ability to upload profile images yet, but that will come down the line to complete the project.

I also made some design alterations to ensure the user authentication is being utilized to its full extent, such as disallowing a user from editing or deleting feedback that they did not generate and adding a login/signup modal. There are other design additions, but I kept the vast majority of the project true to the design spec.

If you'd like to interact with the site, I've provided a demo login that you can populate by clicking the button at the bottom of the modal that comes up when you click "Log in"

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Ryan Bradley's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License