Skip to content
Submitted over 1 year ago

Advice-generator-app

Antoni•170
@antonistarzynski
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

Hello ,

I have made this task without pixel perfect approach, but more to train working with API. I found out some issue with quite long time of fetching a new advice, is it my fault in code or server side issue ? I would be very greatful for any advice, opinion or tip about my solution :)

Have a nice day, Antek

Community feedback

  • Shivangam Soni•1,030
    @ShivangamSoniPosted over 1 year ago

    Nice Work on the Solution

    The issue is not your code, it's the API Serve. But you can make it better by creating a loading state indicator. Like a Skeleton or Loading Spinner.

    • After Button Click, Activate the Loading UI
    • Then send the fetch request
    • After Data is fetched, set the data & then remove the Loading UI.
    0

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