Professional Documents
Culture Documents
Medium Ethereum React IPFS
Medium Ethereum React IPFS
com/coinmonks/step-by-step-approach-to-create-dapp-using-ethereum-reactjs-ipfs-part-1-
42ea4cf69488
o PART 01
Using
Ethereum
ReactJS
IPFS
TODO
Step 1 : We need to install MetaMask & enable the extensions in Chrome
Validate @ Home
Step 2 : Need to install “Ganache”
Install node.js
https://www.trufflesuite.com/ganache
Install from installer or
npm install -g ganache-cli
Start from the Windows Icone
10 accounts created
Mnemonic
crew entry pulse crush loud dance slogan pony rocket genre mountain dragon
Step 3 : Need to install “Truffle Framework” using NPM
https://github.com/trufflesuite/truffle
npm install -g truffle
Problem with UNABLE_TO_VERIFY_LEAF_SIGNATURE
npm config set strict-ssl false
Step 4 : Create reactJS application
Mkdir mydapp
Cd mydapp
Truffle unbox react
Verify if the error is the same @ home = RequestError: Error: unable to verify the first
certificate
Step 5 : Create our First SmartContract using Solidity Language
Step 6 : Deploy our contract using Truffle in Ganache Network
Step 7 : Integrate the SmartContract Logic into ReactJS program, so that you can play with
front end GUI
Step 8 : Initialize IPFS Daemon, & integrate that logic in ReactJS
Step 9 : Run ReactJS Application
Step 10 : Ensure MetaMask & Ganache are in Sync
Step 11 : Trigger “Write” Transaction via reactJS Application & pay Gas Fee to submit the
transaction via MetaMask