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 - JavaScript API

P

@a-woodworth

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


Hi everyone! 👋

Just finished this API challenge. Used async, await for the fetch api call. For the styles, used CSS Flexbox with Grid for my container.

Happy Coding!

Community feedback

@loopchaves

Posted

Hi bro, nice job!

Clicking the button only loads a new advice once because the first request is cached. To solve this problem you can use fetch(url, {cache: 'no-store'}), so when the button is clicked it will load a new advice without caching.

1

P

@a-woodworth

Posted

@loopchaves Thanks for the input. I did have some issues with Firefox but not Chrome, Edge or Safari. Made it difficult to tell if there was an issue with the code.

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