An open API service indexing awesome lists of open source software.

https://github.com/jamesgeorge007/crypto-compare

Comparison chart between popular cryptocurrencies.
https://github.com/jamesgeorge007/crypto-compare

chartjs comparison cryptocurrency price-comparison react-chartjs-2 reactjs webapp

Last synced: about 1 year ago
JSON representation

Comparison chart between popular cryptocurrencies.

Awesome Lists containing this project

README

          

[![Open Source Love](https://badges.frapsoft.com/os/v1/open-source.png?v=103)](https://github.com/ellerbrock/open-source-badges/)

Crypto Compare

- Cryptocurrency comparison chart made out in React and Chart-js 2.
- Fetches cryptocurrency prices from the REST Api service provided by *coinmarketcap*.
- Did as a sample project while messing around with chart-js and React.

## *Have a look*

![Line Chart](https://github.com/jamesgeorge007/Crypto-Compare/blob/master/assets/line.png)

![Bar Chart](https://github.com/jamesgeorge007/Crypto-Compare/blob/master/assets/bar.png)

![Horizontal Bar Chart](https://github.com/jamesgeorge007/Crypto-Compare/blob/master/assets/hbar.png)

![Doughnut](https://github.com/jamesgeorge007/Crypto-Compare/blob/master/assets/doughnut.png)

![Pie Chart](https://github.com/jamesgeorge007/Crypto-Compare/blob/master/assets/pie.png)

## *Types of charts*

* Line Chart
* Bar Chart
* Horizontal Bar Chart
* Doughnut
* Pie Chart

## *Dependencies*

- react-chartjs-2 ```npm install react-chartjs-2```
- chart-js ```npm install chart.js```
- isomorphic-unfetch ```npm install isomorphic-unfetch```

## *Instructions*

- Clone the repo and navigate to the project directory.
- Run ```npm install``` to install the dependencies.
- Now Run ```npm start``` and the server starts at ```localhost:3000```
- Have fun :smiley: