wallet-connect-web-examples/dapps/react-dapp-v2-with-web3js/README.md

React dApp (with v2 EthereumProvider + web3.js)

🔗 Live dapp demo - https://react-dapp-v2-with-web3js.vercel.app
🔗 Live wallet demo - https://react-wallet-v2.vercel.app
📚 WalletConnect v2 Docs - https://docs.walletconnect.com/2.0

Overview

This is an example implementation of a React dApp (generated via create-react-app) using the v2 EthereumProvider together with web3.js to:

• handle pairings
• manage sessions
• send JSON-RPC requests to a paired wallet

Running locally

Install the app's dependencies:

yarn

Set up your local environment variables by copying the example into your own .env.local file:

cp .env.local.example .env.local

Your .env.local now contains the following environment variables:

• REACT_APP_PROJECT_ID (placeholder) - You can generate your own ProjectId at https://cloud.walletconnect.com
• REACT_APP_INFURA_ID (placeholder) - You can generate your own Infura ID via https://infura.io/
• REACT_APP_RELAY_URL (already set)

Develop

yarn start

Test

yarn test

Build

yarn build