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 Project

P

@kharalhamza98

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


What are you most proud of, and what would you do differently next time?

I have been learning JS for about 5 months now. I had to take multiple long breaks due to family issues, resulting in weeks long JS review sprints while not really learning anything new. I then did a quick review again and decided to hop into a project and stop delaying. This is my first JS solo project not following a tutorial. I did everything required (hopefully), but added some error handling in case someone hit submit without choosing a rating. I am most proud of that and the toggling of the classes for the rating buttons for when a person chooses one value but decides to choose another. This was VERY fun, GPT helped me a little. It never gave me any solutions, just helped remind me of a few JS features and nudged me a little in the right direction.

I would love to implement a flip mechanic which would allow you to flip back and for between each card after submitting a rating. I worked it out in my mind but I dont want to spend too much time on this project.

Please let me know what you think

What challenges did you encounter, and how did you overcome them?

Just thinking about the logic before even writing any JS was the main hurdle for me, because I was mostly doing mini projects as part of my courses. But once I got into the flow, it was very fun to solve.

What specific areas of your project would you like help with?

I would like help anywhere anyone thinks I could make improvements :)

Community feedback

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