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 Card Component - HTML - CSS - JAVASCRIPT

@migsilva89

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 Frontend community, the hardest part was to save the value from the buttons on the input. Was a very fun project to do, and I have learned a lot about JS with it.

Please take a look at the functionality, tips to improve are very welcome.

regards, Miguel Silva

Community feedback

Ivan 2,630

@isprutfromua

Posted

Hi there. You did a good job 👍

keep improving your programming skills

your solution looks great, however, if you want to improve it, you can follow these steps:

🟢 for better UX you can change cursor to pointer when hovering on buttons

🟢 adding some transitions also will be cool

🟢 please add active button states for users that navigating by keyboard

I hope my feedback will be helpful

Good luck and fun coding 🤝⌨️

Marked as helpful

0

@migsilva89

Posted

@isprutfromua Thank you for the tips, I will work on them :)

0
Ivan 2,630

@isprutfromua

Posted

@migsilva89 I am glad that my help was useful to you

Cheers, peace and happy coding!

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