React-truffle-metamask
This project is design to connect to Ethereum blockchain and interact with MetaMask to send transaction on smart contract.
Document
đź’ˇTechnical stack
Frontend
- React
- Redux
- Saga
- Web3(MetaMask)
UI
- Sass
- Material-UI
Smart contract/Solidity
- Truffle
Install flow
Clone repo
git clone https://github.com/PhyrexTsai/react-truffle-metamask
cd react-truffle-metamask
Install ganache
npm install -g ganache-cli
Install truffle
npm install -g truffle
Build repo
npm install
truffle compile
Start repo
Open a new console
ganache-cli
truffle migrate
npm start
Build repo
npm run build
Reference
ganache-cli: https://github.com/trufflesuite/ganache-cli truffle: https://github.com/trufflesuite/truffle