Advice Generator App using ReactJS and Tailwind CSS

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

This is my first attempt at using Tailwind CSS and I'm amazed with how little custom CSS was needed since almost everything was handled by the utility classes. It might be due to the level of the challenge as I really did not need to make any other components but it was still surprising. I definitely like to learn more about Tailwind CSS but I can also see how it might be easier than using Bootstrap. I've also currently set a default advice just to match the design but I think it is best to use the useEffect hook to generate a random advice at the start.

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

This is actually the quickest challenge I've ever done and I thought it would take me much longer since I've never tried Tailwind before but I'm surprised that it was easier than I thought. I've also thought about using axios or reactquery to handle the api call however I believe it wasn't really necessary and used fetch instead. Still, I would like to learn how to use axios or reactquery in the future.

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

If anyone has tips or suggestions when it comes to using Tailwind CSS I will highly appreciate them.