Quotes.md

Give me a Quote

Create a self contained component that will display a single quote. Use the following api: https://type.fit/api/quotes

NOTE You will only be calling the API one time and saving the data in state.

You will be using useState and useEffect

Step 1

Create the JSX that displays a placeholder for the dynamic content and return to display on the DOM. You will be displaying the quote and the author.

Step 2

useEffect to fetch the quote data

Step 3

useState to store quote data

Step 4

Create a function that will extract a single quote and displayed it in the JSX you wrote in Step 1

BONUS 1

Instead of displaying quote[index], create a function that will choose a random quote and display it.

BONUS 2

Add a button that when clicked will display a different quote.