Cryptomonitor

Cryptomonitor is a responsive, prototype dashboard to display basic cyrptocurrency pricing data for the largest coins by market cap. The project is implemented using javascript with React for the view layer and Redux to manage state. Material-UI has been used to follow the principles of good design. Live and historic pricing is provided by the Cryptocompare API.

A demo is availale here.

Notes on functionality

• Displays live pricing for the twelve largest cryptocurrencies
• Toggle base currency (USD/GBP/EUR)
• Indicates direction of last price tick
• Calculates percentage return over 1D
• Expandable tiles to show additional information
• Chart price and volume of each coin over 1W, 1M, 1Y
• Short coin description and link

Screenshots

Desktop

Mobile

Expanded Widget

Technologies

Boilerplate

• create-react-app

Frontend

• React
• Redux

Backend

• TBC

Testing

• Jest
• Enzyme

Deployment

• Heroku

Important npm dependencies

• recharts
• material-ui
• ramda
• numeral
• axios
• cryptocoins-icons

Usage

• Clone the repo
• cd to the project folder
• Run npm i

To test:

• Run npm test

To run the application on localhost:

• Run npm start
• Visit http://localhost:3000/

Improvements

• Add server component with web sockets
• Display market cap for each coin
• User accounts with custom settings
• Portfolio upload and valuation
• Returns analysis
• Drag & Drop with order saved to user account
• Sort order (alphabetical, market cap, price change)