/react-bitcoin-monitor

This demo is a React application that provides current and historical Bitcoin Price Index data.

Primary LanguageJavaScript

React Bitcoin Monitor

An app that monitors changes in the Bitcoin Price Index (BPI).

The BPI will be shown for the USD currency.

Bitcoin Monitor makes use of the CoinDesk Bitcoin Price Index API. Go here for more price information by CoinDesk.

The application is composed of the following components:

  • App - The main application component

  • Header - A heading that displays application title

  • BitcoinMonitor - The primary (root) component that manages state for itself and all underlying components. It is also responsible for connecting to BitcoinService to retrieve Bitcoin Price Index pricing data.

  • Display - Displays the CurrentPrice and PriceHistory components

  • CurrentPrice - Displays the current pricing Bitcoin Price Index data for USD.

  • PriceHistory - Displays the Bitcoin Price Index pricing data for USD currency for the past seven days.

The following services are used to obtain Bitcoin Price Index pricing data:

Features:

  • Show Current BPI for USD currency
  • Show BPI for the past seven days for USD currency

This project also demonstrates:

  • a typcial React project layout structure
  • babel setup and configuration
  • webpack setup and configuration
  • eslint setup and configuration
  • SCSS setup and configuration
  • CoinDesk Bitcoin Price Index API integration

Screenshots:

Developed With

  • Node.js - Javascript runtime
  • React - A javascript library for building user interfaces
  • Babel - A transpiler for javascript
  • Webpack - A module bundler
  • SCSS - A css metalanguage
  • Bootstrap 4 - Bootstrap is an open source toolkit for developing with HTML, CSS, and JS
  • Axios - Promise based HTTP client for the browser and node.js
  • CoinDesk Bitcoin Price Index API - Provides Bitcoin Price Index data

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

The following software is required to be installed on your system:

  • Node 8.x
  • Npm 3.x

Type the following commands in the terminal to verify your node and npm versions

node -v
npm -v

Install

Follow the following steps to get development environment running.

  • Clone 'react-bitcoin-monitor' repository from GitHub

    git clone git@github.com:andyfrith/react-bitcoin-monitor.git

  • Install node modules

    cd react-bitcoin-monitor
yarn install

Run

  • Run start

    yarn start

Links