aboutlo/dapp-react-starter-kit

An Ethereum dapp starter kit based on React

Dapp React Starter Kit

Features

• All the create react app features
• Prettier configured
• Commit hooks for Linting and Prettier
• Example based on web3-react
• Connect to Metamask
• Read and write a value in a Smart Contract

notice: This repo assume you are using Solidity Starter Kit

TODO:

• Rebuild the smart contract state
• Keep the smart contract state updated using the events
• Add UI Components

Requirements

• yarn
  • Mac: brew install yarn
  • Win: https://yarnpkg.com/lang/en/docs/install/#windows-tab

Optional tool

• NVM (Node Version Manager)
  • Mac & Linux: curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash [more info|https://github.com/nvm-sh/nvm]
  • Win: https://github.com/coreybutler/nvm-windows
• AVN (Automatic Switch to the Node version of the project)
  • Mac & Linux: setup instructions
  • Win: setup instructions (never tested)

Install

yarn install

Develop

• Download and install Solidity Starter Kit
• In the Solidity Starter Kit
  • yarn build the Example.sol and copy the ABI file from solidity-starter-kit/build/contract/Example.json in src/abi
  • yarn ganache:start && yarn deploy
• In this project yarn start