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 - React

#accessibility#bem#react
darryncodesβ€’ 6,430

@darryncodes

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


Hi everyone πŸ‘‹

Great to finally submit a React solution, something I never thought would have been possible this time last year.

It was an excellent chance to practice working with props, useState, raising state up, create react app and utilising accessible html like fieldset and radio inputs.

Any feedback that could help me to improve would be very welcome!

Happy coding πŸ€™

Community feedback

Kamasah-Dicksonβ€’ 5,610

@Kamasah-Dickson

Posted

Your solution looks great and responsive on smaller devices but I was suggesting if you could make a transition to the next card section.

Besides great job thereπŸ‘ Happy coding and have a nice DayπŸ‘πŸ’»

1

darryncodesβ€’ 6,430

@darryncodes

Posted

Great suggestion @Kamasah-Dickson, thanks πŸ€™

0
Kamasah-Dicksonβ€’ 5,610

@Kamasah-Dickson

Posted

@darryncodes you are welcomeπŸ‘ Have a nice dayπŸ’»πŸ‘

0
idukpaye alexβ€’ 725

@Esesosa-max

Posted

  1. βœ… Good Looking Design 4.3/5
  2. βœ… Usage of ReactJS 2/2 ( bouns )
  3. βœ… Servers Function properly 5/5 4 βœ… Good Approach to Challenge 4.5/5
  4. βœ… Perfectly Responsiveness 5/5
  5. βœ… Readable HTML structure 5/5
  6. βœ… Pro Tip: Your font-size is a little too much
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