Use the following API endpoint to fetch data and display it in your application:
https://api.coincap.io/v2/assets
degit LaurenMcCall/react-project-template CryptoTracker
- Create a new react app
- Fetch new currency data from the API endpoint every 10 seconds.
- Update the applications state with currency data from the API.
- Create a UI to display the currency data in the application state.
If you want images to use for the display, try and use this repository to fetch images as well.
For example, this URL https://raw.githubusercontent.com/condacore/cryptocurrency-icons/master/64x64/bitcoin.png will give you the image for the coin bitcoin. Try replacing the names in the URL to fetch different coin logos. There are also additional sizes in different directories.
NOTE: This will require you to make a generic CryptoCurrency component and use useEffect within THAT component to fetch the icon!
If the updated price of a currency is higher than the last update, show the price in green. If it's lower, show the price in red. HINT: You'll probably want to look into additional lifecycle methods for your React components to accomplish this.