Skip to content
Submitted about 2 years ago

Interactive-rating-component with React/typescript, Tailwind

Utku Kaan Arasan•50
@UtkuKaanArasan
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive rating component
  • HTML
  • CSS
  • JS
1newbie

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
    @elaineleungPosted about 2 years ago

    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
    Utku Kaan Arasan•50
    @UtkuKaanArasanPosted about 2 years ago

    @elaineleung Thanks.

    1

Please log in to post a comment

Log in with GitHub

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