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 using CSS Animations

vishwa3 250

@vishwa3

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


Helloe frontenders - please check out my solution - have added some rad animations

Community feedback

@PatrickLee22

Posted

Hello there 👋. Congrats on completing the challenge!

I've noticed a small glitch with application. When viewing your app on Firefox, the browser caches the response from the first API call. This would result in subsequent fetch calls to not retrieve a new advice slip.

To resolve this, you can set the cache option in your fetch call to 'no-cache' to prevent the browser from caching the response.

Alternatively, the Advice Slip API has an option to get a specific advice slip if you provide an id number at the end of the URL. You could append a random number to the URL and it which would bypass the caching on the server side.

Marked as helpful

1

vishwa3 250

@vishwa3

Posted

@PatrickLee22 : Pat - thanks for your valuable time to go through the solution and identify the hidden cool bug in there - I have corrected the same and its working as expected - but bugs like these time and again highlight why chrome is better than Firefox and others -I think default behavior should be to not cache but am not sure

0
Jonakss 30

@Jonakss

Posted

The animation it's awesome, and gives a great feedback, mine doesn have any loading state and is kind off odd.

Great solution.

1

vishwa3 250

@vishwa3

Posted

@Jonakss : Glad you liked it

0

@Prabhanjanmisra

Posted

Nice animations.

1

vishwa3 250

@vishwa3

Posted

@Prabhanjanmisra - Thanks mate

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