Interactive rating component - TailwindCSS

Hey there! 👋 Here are some suggestions to help improve your code:

This is not the ideal first challenge users should tackle; even though it seems simple, it actually quite complex.

• As the challenge name suggest, this is an interactive component. Meaning that it needs to be accessible to screen readers and keyboards, which currently yours is not...

• You chose to use div for your rating buttons, unfortunately. this is the incorrect element to use since div elements are not interactive.

• The rating buttons have to be built using an accessible form, fieldset and five radio inputs.

• Once the top is implemented , for your JS, the eventListener should be on the form as a submit.

• You are using JS to create effects that should be done by CSS; this is called separations of concern.

• There is no need to have separate CSS files, instead have only have one; as having multiple stylesheets can have negative impact on your sites performance.

• Highly recommend creating a .gitignore and adding your node_modules and .DS_store to it as these files are not necessary in GItHub.

If you have any questions or need further clarification, feel free to reach out to me.

Happy Coding! 👾