Advice Generator

The challenge

Make an advice generator with Advice Slip JSON API

Users should be able to:

• View the optimal layout for the app depending on their device's screen size
• See hover states for all interactive elements on the page
• Generate a new piece of advice by clicking the dice icon

My Process

To begin with, i structured the entire application with HTML and CSS.

Then i made the function that makes the API request.

To finish, I passed the API values ​​to the application.

Build with

• HTML
• CSS
• Javascript
• React
• Axios

What I learned

• Make API calls with Axios
• How to use git (commit, push, branch)
• How to deploy an application with gh-pages
• How to use CSS variables

Author

Pedro Costa

GitHub

Application

See the result at https://pedrocosta2099.github.io/AdviceGenerator/