Interactive rating component solution

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

The thing I am most proud with the solution is preventing users from submitting empty votes.

To achieve that, I disabled the submit button and created a span over it with its appearance. I defined a function that triggers a warning popup if the span is clicked with no rating is selected. When any radio button has clicked, the span becomes hidden, and the submit button enabled.

However, I realize that this approach may be horrible for accessibility.

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

At first, I created two wrappers for rating and thank-you section in the index page. When the submit button has clicked then rating wrapper becomes unvisible and thank-you wrapper visible. But I encountered a bug with this approuch.

So I seperated sections into two different pages and used localStorage to transfer data between them.

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

What is the best approuch to solve this challenge? I would be glad to hear any feedback 🤘