Skip to content
Submitted over 1 year ago

responsive advice-generator application

Walid-Gs•220
@Walid-Gs
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

  • Responsive advice-generator app using the "advice slip" API and async await function.
  • I added a simple spinner while waiting for the fetched advice (you can fully tested if you lower your network connection speed ).
  • it works completely fine on my local machine, but won't let me generate new advice when i click on the button until i reload on the deployed version, please provide feedback guys to help fix it.

Community feedback

  • markus•2,250
    @markuslewinPosted over 1 year ago

    fetch will use cached responses by default. You're probably disabling caches when testing locally. You can change the behaviour with the cache option:

    const response = await fetch(apiUrl, { cache: "no-store" });
    1

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