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

Advices!

#sass/scss
attano 50

@khaledxyz

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


I will add a 2 second cooldown to the button so the user knows why the app is lagging (api 2 seconds cooldown)

Community feedback

Luis Colina 1,043

@Comet466

Posted

hi attano, i just completed this challenge too, i like your solution a lot, i dealt with the cooldown by putting a transition in between the advice's to make UX more enjoyble

Marked as helpful

1

attano 50

@khaledxyz

Posted

@Comet466 Thank you! your solution for the API cooldown is clever, way better then what I first had in mind, I was going to make the button gray then display 2 seconds counter on top of it to prevent the user from clicking on it, I'll try to implement both solutions to make the UX more fun.

1

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