Not Found
Cannot read properties of null (reading 'code')
Cannot read properties of null (reading 'code')
Cannot read properties of null (reading 'code')
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

Advice generator app solution HTML/JS/CSS

@Ashlc

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 already have experience with APIs, so I used this challenge to test this platform and see how it works. To make the challenge more interesting for me, I added some extra features, such as a spinning animation to the button when it's clicked, a toast component that appears when the API is on cooldown to avoid it being mistaken by a front-end issue. I also added a toggle component that allows the user to disable the toast notifications. The user's choice is saved in the local storage, so it persists even after the user refreshes the page.

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

I always forget how to make the toggle work, so I have to check W3Schools every time.

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

As of right now, none!

Community feedback

@fitriamelia150

Posted

i love the ideas of the toast! greet works!

0

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