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

Advice generator app solution (HTML + CSS + JS + API)

#accessibility#bem#animation
P

@mateusbelicio

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


👋🏻 Hello everyone. This is my solution for the Advice generator app.

In this project I added:

  • A loading animation when the user clicks the button to generate a new advice;
  • An error message if there is a failure to load the new advice.

Feel free to leave your feedback on my solution.

Thanks! 😁

Community feedback

Nelson 2,380

@nelsonleone

Posted

HELLO......congrats on completing this challenge, well done 🎊 🎊

Just one thing , the loading animation is nice , but sometimes it doesn't have time to play or when it starts playing , and the advice is fetched, it causes some little glitch ,

You can see to set a setTimeout on the fetch so the loading animation can have little time to play .

Hope this comment was helpful , have fun coding

Marked as helpful

1

P

@mateusbelicio

Posted

Hey, @nelsonleone!!

Thank you for the feedback. I'll fix it soon. ;)

1
Nelson 2,380

@nelsonleone

Posted

@mateusbelicio you can make my reply as helpful , it will do me a lot good, thank you

0

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