git clone https://github.com/Emi-C/crpt.git
npm i
npm start
The project runs on port 8080
At Bootstrap the app loads first 100 crypto currencies ordered by rank from CoinMarketCap https://api.coinmarketcap.com/v2/ticker/ API and stores them in application state.
In the homepage user can load 10, 50, or 100 crypto currencies (unfortunately publicAPI doesn't allow to load all), on change of the dropdown selection we fire a new API call.
The table displays data from the coins we got from API.
In the liquidity page user can see a zooming Scatter Chart of all the loaded cryptos, hovering on one spot, bigger or smaller according to absolute change in 24h, displays a Tooltip with basic coin information.
Disclaimer: no 3rd party boilerplate was used to build this app
This ticker was built up by scratch, following this infrastructure made by me here React App Boilerplate.
I stripped all unnecessary stuff and kept just the essential: CSS is made from scratch, state mgmt is handled with Redux-Saga, and there's Babel transpiling, linting with ESlint, and Webpack is used for bundling and running the app.
The Chart is rendered using Victory.
Next step would be testing with jest.