Rating Component using Tailwind CSS

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

I'm proud that I succeeded to build this component using mostly Tailwind CSS. Next time I would use less classes from Tailwind and do more styling using Vanilla CSS.

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

The challenging part was to select one button at a time. The solution was to check if there is an existing selected button whenever the user chooses another rating option and set its state to false.

Data attributes for button state were the highlight of this challenge 🌟

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

I would like to know how can I refactor my JavaScript code to be more readable and efficient.