Interactive rating component with Astro and Tailwind CSS

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

I learned how to apply aria properties to certain elements, specifically when they were hidden and latter unhidden. For example the "Thankyou" card is hidden by default and is made visible once the "Submit" button is clicked. I used (hopefully correctly) the aria "label" and "describedby" attributes to identify these elements and transitions.

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

I was unfamiliar of how aria worked. I use AI to explain them to me and how they should be used.

I was unaware of the "dispatchEvent()" function and how it can be used when needing to listen to events across multiple, separate, Astro components. I had to research how to do this.

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

Nothing at this time.