Interactive Rating Solution (Vue 2, TypeScript)
Design comparison
Solution retrospective
I would appreciate it if anyone could give me feedback!
Community feedback
- @ApplePieGiraffePosted over 2 years ago
Hello there, Daniel Leite! š
Nice job on this challenge! š Your solution looks good and works well! š
One or two small things I'd like to suggest are,
- Setting the
alt
text for the star icon in this challenge to an empty string so that it will be ignored by assistive technologies (since it isn't very important to the content of the page and as a result doesn't need to be read by screen readers). - Perhaps using a radio input element for the rating buttons in this challenge (since they have essentially the same functionality and doing so will automatically take care of certain things for you such as having only option selected at a time). š
Hope you find this helpful. š
Keep coding (and happy coding, too)! š
Marked as helpful2 - Setting the
- @FabzusPosted over 2 years ago
Hello @Danielvermel!
The design looks amazing, nice job!
I'd like to suggest a small change:
Your rating is n-1 (where n is the number selected), so if I want to rate you 5, I end up rating you a 4. You could try the easy fix, hardcode a +1 for your rating review. Or you could change the buttons to radio buttons and assign them values from
Anyways you nailed the design! and I hope this was useful to you! With great respect, Balog Alin
Marked as helpful1
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