Interactive Rating App with React and chakraUI
Design comparison
Solution retrospective
This is mi first interactive app with react, before this i only make static pages, i don't know if the code can be more simplify, if that posible send my a message and i fix that
Community feedback
- @rachaelhrlmPosted over 2 years ago
Congratulations on completing the challenge! 🎊
This is looking good for your first try with an interactive react app!
It would be a good idea to prevent the user from submitting the form if a rating hasn’t been selected — either by disabling your submit button when your click state is null or wrap you onSubmit handler to only update the submit state if click is not null.
The accessibility issue from the report could also be solved by switching the wrapping react fragment in App with a main tag instead. And don’t forget to add alt to your images!
The only other very minor thing I can think to suggest is that you could just pass ratingNumber to your handleClick call on MotionBlur since that variable already holds i+1
I hope that helps.
Happy coding! 🐱
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