Skip to content
Submitted over 2 years ago

Advice Generator using HTML, CSS, JS, and Advice API

ronaldlamdev•430
@ronaldlamdev
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

My first project to access an API. I'm still a little confuse on how async functions work despite researching the topic, but that's ok. Developers are constantly learning and improving. Feedback is welcome :)

Community feedback

  • Arpad Gabor Bondor [Gabriel, Red]•185
    @ArpadGBondorPosted over 2 years ago

    Looks good. :)

    Maybe try to set "max-width" for your <main> element, so the advice won't spread all across the screen. Also maybe try to use media queries to set different design for mobile and desktop views.

    Marked as helpful
    1
  • Harsh•210
    @HarshPrateek559Posted over 2 years ago

    Actually, async is used when a function is fetching data from a database or API. Also, you have to wait for the fetch API to get data from the API. For this, you are supposed to use await keyword in front of the response which is coming from the API.

    Marked as helpful
    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