Skip to content
Submitted over 2 years ago

Advice-Generator HTML, CSS, JS(Promises,Async-await,Fetch API,Axios)

Damilola Olanrewaju•310
@Dami-Moore
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Advice generator app
  • HTML
  • CSS
  • JS
  • API
2junior

Design comparison

SolutionDesign

Solution retrospective

I'm currently coming to understand how to make HTTP Requests and so this was a bit difficult. The only issue I'm having right now is there's some delay when I click and also when the page loads initially. I'd really love your feedback and Ideas on how I can improve this project. Thank you.

Community feedback

  • Fazza Razaq Amiarso•2,340
    @fazzaamiarsoPosted over 2 years ago

    Hello Damilola! Solid work!

    There is a delay because you need to wait for the fetching to finish before the data received. To combat the delay, you can maybe add loading state by

    1. Replacing the advice text with a spinning circle when advice is empty
    2. Then remove the spinning circle with the text when advice received.

    That is just a high-level overview. I hope it guide you to the right direction. Cheers!

    Marked as helpful
    0
    Damilola Olanrewaju•310
    @Dami-MoorePosted over 2 years ago

    @fazzaamiarso Thanks. I appreciate your input. So, the issue isn't necessarily with the code but the fact that there's some fetching delay. That makes sense.

    0

Please log in to post a comment

Log in with GitHub

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