Skip to content
Submitted about 3 years ago

Responsive Advice Generator App

accessibility
Mohammed Zakaria Khan•180
@zaks276
A solution to the Advice generator app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello Frontend Mentor community.

I really enjoyed this challenge. I had difficulty connecting the frontend to the API but I managed to figure it out. However I do need more practise so if any of you know of any other cool API's I can play around with, please let me know. Also any other feedback on best practises regarding API calls will be appreciated.

Code

Please log in to post a comment

Log in

Community feedback

  • Deborah Robbiano•600
    @debriks

    Hi Mohammed!

    Love your solution! The Javascript is clear and concise, well done! I just noticed that you have to push twice the button to get a new advice, it takes a bit of delay. I think you can fix this small issue by simply adding { cache: "no-cache" } to the API response like so:

    let res = await fetch('https://api.adviceslip.com/advice', { cache: "no-cache" });

    Hope you will find this useful.

    Happy coding!!

    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