CryptoGlance

(jokingly referred to as cryptowatch-2.0 when the project was started.... perhaps cryptowatch-0.2 would have been more apropos)

Inspired by the cryptowat.ch website and Real World React's' August 24, 2017 Hack Night, this project was an excuse to play with React.js, APIs, web sockets, and D3.js. Project members that night included Carol St. Louis, Neil Ricci, and Swizec Teller (website, github) who was an awesome mentor! Refinements (e.g. making the D3 line graph responsive, conversion to Progressive Web Application, performance improvements) have continued over time.

The project was bootstrapped with Create React App.

Using data from CryptoCompare, the app uses axios for api calls to fetch historical data and socket.io-client for web sockets to subscribe to current price quotes.

Graphs of the historical data were implemented with D3.js.

See it live at selva-oscura.github.io/cryptowatch-2.0 or clone it and run it yourself.

To run locally (directions assume that you have already installed node (v.6+), npm or yarn, and git):

• download or clone project (in terminal, type git clone https://github.com/selva-oscura/cryptowatch-2.0.git),
• switch to project directory (in terminal, type cd cryptowatch-2.0),
• install dependencies (in terminal, type yarn install or npm install),
• run project (in terminal, type yarn start or npm start),
• view in browser at localhost:3000