Scribd
Upload
57 views1 page

Medium Ethereum React IPFS

This document outlines the steps to create a decentralized application (dapp) using Ethereum, ReactJS, and IPFS. The steps include installing MetaMask and Ganache, then using Truffle to create a smart contract with Solidity, deploy the contract to the Ganache network, integrate it into a ReactJS frontend, and connect IPFS. The goal is to allow writing transactions to the blockchain via the React app and paying gas fees through MetaMask.

Uploaded by

realm2001
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
57 views1 page

Medium Ethereum React IPFS

This document outlines the steps to create a decentralized application (dapp) using Ethereum, ReactJS, and IPFS. The steps include installing MetaMask and Ganache, then using Truffle to create a smart contract with Solidity, deploy the contract to the Ganache network, integrate it into a ReactJS frontend, and connect IPFS. The goal is to allow writing transactions to the blockchain via the React app and paying gas fees through MetaMask.

Uploaded by

realm2001
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 1

 https://medium.

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

You might also like