Interactive Rating Component made with HTML/CSS Sass and Javascript
Design comparison
Solution retrospective
Great project to get stuck in with JavaScript and making some interactive component. Thought it was overly complicated to figure out how to get the button events stored.
Happy to have any feedback on the overall structure and JS.
Thanks!
Community feedback
- @DavidMorgadePosted about 2 years ago
Hello Kostya, congrats on finishing the challenge!, great job!
If you don't mind I would like to give you some feedback:
-
Regarding on the styling of your aplication, I have to say that I liked a lot the gradient effect that the box has is awesome!, the only primal things that I would add on your solution are
cursor: pointer
on the rating buttons and the submit buttons and also move the transition effect from the:hover
pseudoelement, to the actual element (with this you will get a full transition effect even when moving the mouse out!), with this I think that you will get an user experience boost along some modern effect in your app! -
I have also checked your Javascript code, just a little suggestion, never and never use
var
, instead of that if you need a variable that will change in the future uselet
,var
has some issues with scoping that can cause buggy problems on largest applications, you should never use var!
Hope my feedback helps you in future projects! great job!
Marked as helpful1@kostyafarberPosted about 2 years ago@DavidMorgade Thanks for the tips I've started to implement these!
1 -
Please log in to post a comment
Log in with GitHubJoin 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