mcarlucci / disperse

React/Redux dApp (decentralized app) boilerplate using Ethereum's blockchain

React dApp (decentralized app) boilerplate using Ethereum's blockchain. Built using React, React-Redux, React-Router, Truffle and Ethereum in-memory blockchain.

System requirements:

• macOS (cross-platform contributions are welcome)

Demo Video

Learn more about creating and testing Ethereum Smart Contracts

Setup

npm install

Run

npm start

A new seperate terminal window will open and run the in-memory Ethereum blockchain.

Test

To test contracts, run:

truffle compile
truffle test

To unit test, run:

npm test

Build

A production build can be found in the build_webpack folder when you run:

npm run build

disperse's Issues

npm start => scripts/testrpc.sh: line 6: ttab: command not found

Truffle v4.1.3 (core: 4.1.3)
Solidity v0.4.19 (solc-js)

HighSierra 10.13.3

npm start

[email protected] start /Users/.../.../truffle/disperse/disperse
scripts/testrpc.sh && truffle migrate && node scripts/start.js

scripts/testrpc.sh: line 6: ttab: command not found
Could not connect to your Ethereum client. Please check that your Ethereum client:
- is running
- is accepting RPC connections (i.e., "--rpc" option is used in geth)
- is accessible over the network
- is properly configured in your Truffle configuration file (truffle.js)

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: scripts/testrpc.sh && truffle migrate && node scripts/start.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/.../.npm/_logs/2018-03-14T15_10_35_843Z-debug.log

Sign up button doesn't work

Also I get this error:
inpage.js:1 Uncaught Error: The MetaMask Web3 object does not support synchronous methods like eth_mining without a callback parameter. See https://github.com/MetaMask/faq/blob/master/DEVELOPERS.md#dizzy-all-async---think-of-metamask-as-a-light-client for details.
at MetamaskInpageProvider.send (inpage.js:1)
at RequestManager.send (requestmanager.js:58)
at Eth.get [as mining] (property.js:107)
at derez (:1:66285)
at derez (:1:66278)
at derez (:1:66278)
at derez (:1:66278)
at derez (:1:66278)
at derez (:1:66278)
at Object.decycle (:1:66315)

Npm install doesnt work

Hi,
I just wanted to give a try to your project but can't pass the Setup with: npm install
Please see below.
I'm using Windows 10 and npm version 5.6

Npm start doesn't work

Hi,
I've managed to install npm but now running npm start responds as below:

Login Button & Sign Up Button Error: Contract Deployment network/artifact mismatch

The login button and the sign up button gives me an error in console:

Uncaught (in promise) Error: Contract has not been deployed to detected network (network/artifact mismatch) at contract.js:419

I checked if I was running a network in truffle and it shows one running:

➜ truffle networks
The following networks are configured to match any network id ('*'): development

I'm not sure how to connect it to the correct network if the above one is incorrect.

How to access web3 from layout component?

If I have a layout component, how can i get the web3 object so that I can use it?

For example, when a user clicks on a button, it will ask web3 to fetch the current block number.