Skip to content
Submitted almost 3 years ago

Jquery, scss, html, (Advise json slip API) and vscode.

sass/scss
Philip Korb•170
@PhilipKorb
A solution to the Advice generator app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Feel free to leave a comment! any suggestion or tip will be appreciated!

Dice Click animation with jquery, entrance animation css.

Code

Please log in to post a comment

Log in

Community feedback

  • Elaine•11,360
    @elaineleung

    Hi Philip, I like your loading animation! I also used one in my solution since I think it looks better than having a blank card. I also like your design choice of using the primary color at the bottom.

    The only thing right now is, I tried clicking for the next advice but I'm not able to see it, and it could be due to the caching in Firefox, which I use. To fix that, just add a header object in the fetch method:

    fetch("https://api.adviceslip.com/advice", { cache: 'no-cache' })

    Great work, and I hope to test it again either on another browser or on Firefox once it gets fixed!

    Marked as helpful

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