Coincharts

About

Coincharts is a cryptocurrency price chart based off Coinbase's original price chart on https://www.coinbase.com/charts

<p align="center"> <img src="./docs/screenshot.png"> </p>

• Bootstrapped with create-react-app
• Built with React.js, Redux**, Redux-Saga**, styled-components, D3.js
• Prices retrieved from Coinbase API
• Deployed with ZIET Now
• Error logging with Sentry + Raven.js
• Optional page-view tracking with Google Analytics + react-ga

** Redux, Redux-Saga is used for learning purposes (slight overkill for this simple app)

Getting Started

Start the application's webpack-dev-server

yarn start

Linting & Testing

Linting

Run ESLint & Prettier

yarn run check

Fix ESLint all fixable errors & warnings

yarn lint:fix

Fix Prettier all fixable errors & warnings

yarn prettier:fix

Unit Testing

Run all unit tests & watch for changes

yarn test

Run all unit tests & enable Node Debugger

yarn test:debug

Run all unit tests & generate test coverage

yarn test:ci

Packaging

NOTE: Make sure you have updated .env.build before proceeding

Create a production build of the application & output the bundle into /build

yarn build

Scripts

Deploy application with ZIET Now

NOTE: Make sure you have created .env & updated now.json before proceeding

• see .env.example for list of environment variables to populate
• see https://zeit.co/docs/configuration for list of configs to populate

yarn script:deploy

Downloading API data

Takes a snapshot of responses from coinbase API & saves them into JSON files in public/priceData used for offline development

yarn script:downloadPriceData

License

Coincharts is MIT licensed.