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
Request path contains unescaped characters
Not Found

Submitted

Responsive advice generator with pure css & vanilla javascript

h2y 160

@hooiyan

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


I had a lot of fun tackling this challenge! It seems simple but there are some tricky parts. After I completed the challenge, I looked at how others did it, and I got inspired by new ideas.

So then I added two more features:

  1. Add a loading screen while waiting for the data to display
  2. Add a countdown timer on the randomize button before allowing the user to generate another advice

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