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

Responsive Advice Generator using HTML,CSS and JavaScript

@ShoaibShuja

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


What are you most proud of, and what would you do differently next time?

I designed the layout easily using CSS flexbox. The Quote Generator API which was provided only generated a quote when the page reloaded so I got a little bit creative and made the generating button to reload the page each time its clicked 😂. Overall, the project was fun, and I believe working with the API's is a major advantage to developers.

What challenges did you encounter, and how did you overcome them?

I used API before but this one worked different, but I believe the struggling to learn is always worth it and now I know that APIs come in different types with different data and cache.

What specific areas of your project would you like help with?

Any feedback would be appreciated but if you could tell me a way to generate quotes using the provided API other than page refreshing, I would be really grateful.

Community feedback

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