Advice Generator using Next.js, Axios and styled-component

Really like that animation with the dice icon! The only thing I would suggest is maybe to add some placeholder elements while the advice is loading, so that the height of the card doesn't change so drastically. Also, I saw in the code that you've used ThemeProvider in multiple places. What might be easier is to wrap your entire app in the ThemeProvider component, and define each of your colours there.

Good Work, Nice Animations !

five words -- WOW those animations are sick!

The rolling dice animation is really nice. All of your designs are so far 100% identical to the original design files. Really great work.

Hi, Awsome work Right now i am trying to NEXT, Typescript and Styled-component, and you used all 3 in this , so now i am taking your project as reference and redo this challenge.

I would love if you can help if i get stuck at any point. I am self taught dev so i am in need of some guidence all the time.

This is what my version looks like : https://6f9f7e56.fem-advice-generator.pages.dev/

Thanks, #happyCoding

the animations area awesome great work keep it up

Best one I've seen so far. Mind if I try to do something similar to this as well?

Nice animations!

Great job and awesome animation!

Nice job. I would reduce the loading times between each random piece of advice. Right now it seems a bit delayed. But overall it looks great!

so cool..