Advice Generator

A silly app that generates a random piece of advice from an API called ‘Advice Slip’. Design by Frontend Mentor.

Stack

  • Vanilla JavaScript
  • Axios
  • Advice Slip API

Key features

  • Unsolicited advice

Links

Advice app that says 'Try buying a coffee for the creator of a free public API, now and then.'

Project overview

This app is simple, yet fun. You ‘roll the die’, the button glows green, and voila, you are given invaluable advice that is sure to improve your life. On initial page load, it takes second for the first piece of advice to populate. The design didn't specify how to handle this load state, so I chose to leave a little easter egg for anyone who cares to find it.

Challenges and lessons learned

This is one of the first projects I made, and at the time, I was a bit puzzled by the CSS position property—specifically absolute and relative. Building this helped me to grok the concept. This is also the first responsive layout I built, and it marked a pivotal confidence boost as I continued pursuing software development.💛

Mobile advice app that says 'If you get stuck, trying doing the opposite of what the solution requires.'Check out another project