Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Interactive-rating-component with React/typescript, Tailwind

@UtkuKaanArasan

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


  • Colors in general :d and I have a bit of a problem with the width of the "You selected 4 out of 5" text in thanks screen

Other than that I think it's a solid code but any suggestions would be appreciated.

Community feedback

Elaine 11,400

@elaineleung

Posted

Hi Utku Kaan, well done completing this challenge with React! I just had a look, and everything is working as it should; the one suggestion I have is to see whether you can write a conditional that prevents the user from going to the "thank you" page if nothing is selected, because right now if I click "submit" without choosing a score, I just see "You selected 0 out of 5". Also, I suggest adding cursor: pointer to all the clickable elements so that users know they are interactive.

Lastly, about colors, it's actually not a different color but it's the opacity that is changed, like the background of the star icon. Hope this helps you out a bit!

Marked as helpful

0

@UtkuKaanArasan

Posted

@elaineleung Thanks.

1

Please log in to post a comment

Log in with GitHub
Discord logo

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