TribeMedia / react_ethereum_blockchain

Connecting a React frontend with the Ethereum blockchain using Remix, Metamask and a text-editor.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Purpose of App

Show how React can talk with the Ethereum blockchain through Metamask.

Pre-setup

  1. Install node

Setup

  1. Install Metamask as Chrome Extension -- https://metamask.io
  2. After setting up Metamask, request some fake ether at https://faucet.metamask.io/
  3. Install create-react-app npm install -g create-react-app

Code along with Medium blog post or following comments left in code.

Medium post:

Part 1: https://medium.com/@zubairnahmed/https-medium-com-zubairnahmed-react-ethereum-getting-started-with-the-minimum-toolset-required-part-1-of-4-9562efa23d18

Part 2: https://medium.com/@zubairnahmed/react-ethereum-getting-started-with-the-minimum-toolset-required-part-2-of-4-ad4d258ebe53

Part 3: https://medium.com/@zubairnahmed/react-ethereum-getting-started-with-the-minimum-toolset-required-part-3-of-4-6f8c55c751f5

Part 4: https://medium.com/@zubairnahmed/react-ethereum-getting-started-with-the-minimum-toolset-required-part-4-of-4-478be958c16f

About

Connecting a React frontend with the Ethereum blockchain using Remix, Metamask and a text-editor.


Languages

Language:JavaScript 83.6%Language:HTML 12.9%Language:CSS 3.6%