Skip to content
Submitted over 2 years ago

Interactive Card Component - HTML - CSS - JAVASCRIPT

Miguel Silva•510
@migsilva89
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

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
    @isprutfromuaPosted over 2 years ago

    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
    Miguel Silva•510
    @migsilva89Posted over 2 years ago

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

    0
    Ivan•2,630
    @isprutfromuaPosted over 2 years ago

    @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

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