Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Advice-Genrator with beautiful animations HTML, CSS, REACT

Fardin 310

@Fardindevm

Desktop design screenshot for the Advice generator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I believe I created beautiful, smooth animations. Every time a user clicks on button, both the advice and the advice ID appear from a different direction with each interaction. Additionally, when users return to our website—whether they've changed tabs or come back from another app—the animation will pop up from a new direction.

I also worked on loading and error handling, developing a separate component for these features to enhance my skills. For instance, if a user loses their internet connection, an error message is displayed, along with a button that allows them to attempt to reconnect. When they click on that button, it will retry the connection.

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

I am here to offer any help I can.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord