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 Rating Component

P
Ahmed Abdelaalβ€’ 220

@shrki416

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 there πŸ‘‹, I’m Ahmed and this is my solution for this challenge.

Any suggestions on how to improve this would be grand.

I have not included any animations into this app. I wasn't sure how to incorporate animation into this application. Any suggestions or resources would be fantastic.

Thank you so much in advance. 😊

Community feedback

P
ApplePieGiraffeβ€’ 30,545

@ApplePieGiraffe

Posted

Hello, Ahmed Abdelaal! πŸ‘‹

Great job on this challenge! πŸ‘ Your solution looks good and works well! πŸ‘

Adding animations to this challenge isn't necessary but it certainly does spice things up a bit! If you're just getting started with animations, I would suggest digging into CSS transitions and the animation property. Here's a nice article from web.dev to help you get started. πŸ™‚

Also, check out Animate.cssβ€”it is a very nice library for adding some simple but eye-catching animations using CSS classes. It is quite easy to use and provides lots of fun!

Hope this helps. 😊

Keep coding (and happy coding, too)! 😁

Marked as helpful

1

P
Ahmed Abdelaalβ€’ 220

@shrki416

Posted

@ApplePieGiraffe apologies for the late reply. Thanks so much for going through the solution. I very much appreciate it :)

Thanks for the recommendation, I've already began to look at the library to get an idea of how I can improve this solution.

Keep coding as well, and happy coding πŸ™‚

1

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