cra-template-eth-dapp

Create React Ethereum DApp Template

Create React Ethereum DApp Easy and Fast

Get Started

npx create-react-app my-app --template eth-dapp

# or yarn
yarn create react-app my-app --template eth-dapp

Structure

my-app/
  README.md
  node_modules/
  package.json
  public/
    index.html
    favicon.ico
    logo192.png
    logo512.png
    manifest.json
    robots.txt
  src/
    components/
      ConnectWallet.js
      WalletInfo.js
    hooks/
      index.js
    lib/
      connectors/
        index.js
        portis-connector.js
    App.css
    App.js
    App.test.js
    index.css
    index.js
    reportWebVitals.js
    setupTests.js

Features

Connector(Default)

• MetaMask(injected)
• Portis(Override connector)
• WalletConnect
• WalletLink(Coinbase)

Network / Chain ID

• Mainnet / 1
• Ropsten / 3
• Rinkeby / 4
• Goerli / 5
• Kovan / 42
• Matic Mainnet / 137
• Matic Testnet(Mumbai) / 80001