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

Lucas 470

@acamposlucas

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


It is my first challenge done with React. It was kinda tricky managing states in this one because of the component change. But i'm quite happy with the result.

Community feedback

@tesla-ambassador

Posted

Hey Lucas this is pretty great! This doesn't even look like a first REACT project tbh, it's so neat! Just to resolve your accessibility issues, you might want to contain your divs within landmarks like <section> and you should also add a <main> landmark. lastly, you need to include a level one heading like a <h1> in your case, I think the "How did we do?" statement will do! Happy coding!

Marked as helpful

3
aKennich 160

@akennich

Posted

Great job Lucas, perfectly done! I used the radio button for rating selection but can't find my way to those fancy circles. Be happy and proud !

0

Lucas 470

@acamposlucas

Posted

@akennich Thank you! I could not style the radio buttons directly so I styled the label instead. I also changed the input css property appearance: none.

0
aKennich 160

@akennich

Posted

@acamposlucas genius idea, thank a lot !

0

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