Skip to content

Latest commit

 

History

History
63 lines (41 loc) · 1.1 KB

File metadata and controls

63 lines (41 loc) · 1.1 KB
author category tags status twitter
Edson Ayllon
functionality
ethereum
react
solidity
complete

Modular 23-2019

Simple Ethereum React Connenction

A React frontend with an Etherum Smart Contract backend.

1. Preview

Screenshot

2. Getting Started

2.1 Install

Install dependencies for the React Client.

cd client
yarn || npm install

Compile the smart contract.

cd ethereum
truffle develop
> compile

2.2 Run

Run the client. In ./client:

yarn start || npm run start

Run a local Etheruem node. Inside ./ethereum

truffle develop
> migrate

Inside truffle, you should see a list of private keys, in addition to a localhost address. This should default to port 9546.

To interact with the smart contract, take that address, http://localhost:9546, and add it to Metamask via Networks as a custom RPC.

Within truffle, a contract address for the SimpleStorage contract should appear after running migrate. Enter that contract address as the contract address within ./client/src/App.js.