React Redux Bitcoin

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

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.

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
• Redux state management
• Redux promise middleware

Screenshots:

---

Developed With

• Node.js - Javascript runtime
• React - A javascript library for building user interfaces
• Redux - A predictable state management implementation
• Redux-Promise-Middleware - FSA compliant Redux middleware for promises, async functions and conditional optimistic updates
• 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-redux-bitcoin' repository from GitHub

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

• Install node modules

  cd react-redux-bitcoin
  yarn install

Run

• Run start

  yarn start

---

Links

• Portfolio: Visit portfolio site at http://goodapplemedia.com.
• Andy Frith: Learn more about the site developer at http://andyfrith.com.