react-ethereum-dapp-template's Introduction

React Ethereum Dapp Template

Template for React-based Ethereum decentralized app (Dapp).

This is an opinionated version of ethereum-webpack-example-dapp and largely intended for personal use, unless you share the same opinion as mine.

It is largely a combination of:

What does this include

Webpack build script with Webpack dev server
ES2015/ES6
ESlint for ES2015 using Airbnb JS style guide
React for front-end view
Solidity for Ethereum smart contracts
Test suite for smart contract testing

How to run

Run a local Ethereum node with JSON-RPC listening at port 8545 (default). testrpc would be the most straight-forward method.

# Using testrpc (recommended)
testrpc

# If you are running Geth, 
# make sure to run in testnet or private net and enable rpc
geth --testnet --rpc

Install dependencies

npm install

Start the dev server, code and enjoy! Browser should automatically refresh if you make any changes to the code.

npm start

Load http://localhost:8080/ on your web browser.

For deployment, run npm build and upload build/ to your server.

react-ethereum-dapp-template's People

Stargazers

Watchers

react-ethereum-dapp-template's Issues

update to React DOM

React DOM is now used, please include.

Followed read me with fresh ubuntu install

Hi,

I did a fresh install of Ubuntu 16.04 followed your readme page and when i do npm start i get the following.

npm ERR! Linux 4.4.0-31-generic
npm ERR! argv "/usr/bin/nodejs" "/usr/bin/npm" "start"
npm ERR! node v4.2.6
npm ERR! npm  v3.5.2
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! [email protected] start: `webpack-dev-server --inline --content-base build/`
npm ERR! spawn ENOENT
npm ERR! 
npm ERR! Failed at the [email protected] start script 'webpack-dev-server --inline --content-base build/'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the react-ethereum-dapp-template package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     webpack-dev-server --inline --content-base build/
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs react-ethereum-dapp-template
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls react-ethereum-dapp-template 
npm ERR! There is likely additional logging output above.
npm ERR! Please include the following file with any support request:

Recommend Projects