Random advice generator app using Axios and bootstrap

@zougari47 thank you for ur help. I merged it now.. but I don’t like the way my default code is showing first and then a random advice popped up. May be if I remove my default code if it might look okay?

Edited- I just checked ur solution. It look really cool with the animations.. can u recommend me a good course where I can learn those things ?

@neew18 yes left the inside id and advice empty in HTML.

I use React and Tailwind in my solution. The frameworks don't matter just get strong in JavaScript and CSS .

I don't have a specific course, just learn more about CSS animation. Here is the animation I use in my solution.

@keyframes rotate {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes text-focus-in {
    0% {
      -webkit-filter: blur(12px);
      filter: blur(12px);
      opacity: 0;
    }
    100% {
      -webkit-filter: blur(0px);
      filter: blur(0px);
      opacity: 1;
    }
  }

@shihabmunshi06 thank you so much. I looked at your code and there are some I haven’t learnt yet too.. I will do some research and try to read your code. Can I ask you something? Like i saw you use a file with jsx extension and call it inside js file. Can u explain to me about it?

@neew18 I didn't understand you. Name the files maybe

@shihabmunshi06 it must be react i guess

@neew18 I havent been coding for 9 month cause of mental illness, starting fresh, are you a expert developer now ?