A simple React application to track crypto currency prices. This is based on the tutorial from Dapp University on youtube.
This repo is written by hand, but I followed the tutorial pretty directly since I'm not at all familiar with React.
A live demo of this repo is hosted on Netlify at https://react-covid-19-cases-tracker.netlify.app/.
Credits to Dapp University
youtube channel for the tutorial.
Video: https://www.youtube.com/watch?v=jOgoQiCAy-g
Starter code: https://github.com/dappuniversity/crypto_tracker/tree/starter_code
Finished Code: https://github.com/dappuniversity/crypto_tracker
The project uses React to power the frontend, uses Coinpaprika API to provide the crypto data. This is fetched using axios for a promises-based fetches.
This image is stolen directly from the main project repo. I inlined it here for convenience:
Install nodejs
and npm
from here: https://nodejs.org/en/download/
A. Get an API key from Coinpaprika.
- Create an account and log in. (Note: The website was really slow when I had to do this. It was a pain but eventually worked.)
- Copy the
X-RapidAPI-Key
from the page, after you logged in.
B. Paste the X-RapidAPI-Key
into the src/keys.json
file.
- Run
npm install
to install all of the dependencies frompackage.json
. - Run
npm start
to run the react application and launch your website vialocalhost
.
To host a version of this project on the web, you can simply use Netlify.
Sign up for an account and simply create a new project by uploading your git repository or linking your GitHub account.