wallet-connect-web-examples/dapps/react-dapp-v2-with-ethers
2022-03-10 12:04:09 +01:00
..
public chore: set up app, get basics working with EthereumProvider 2022-02-17 10:33:19 +01:00
src fix(dapps): aligns EIP712 example with the one used in spec 2022-03-10 12:04:09 +01:00
.env.local.example chore: updates .env.local.example to use non-dev relay 2022-02-18 14:24:57 +01:00
.gitignore chore: set up app, get basics working with EthereumProvider 2022-02-17 10:33:19 +01:00
.prettierrc chore: set up app, get basics working with EthereumProvider 2022-02-17 10:33:19 +01:00
images.d.ts chore: set up app, get basics working with EthereumProvider 2022-02-17 10:33:19 +01:00
LICENSE chore: set up app, get basics working with EthereumProvider 2022-02-17 10:33:19 +01:00
package.json chore(deps): upgrade to beta.23 2022-02-17 10:39:24 +01:00
README.md docs(dapp): use walletconnect subdomains for demo links 2022-03-10 10:36:38 +01:00
tsconfig.json chore: set up app, get basics working with EthereumProvider 2022-02-17 10:33:19 +01:00
yarn.lock chore(deps): upgrade to beta.23 2022-02-17 10:39:24 +01:00

React dApp (with v2 EthereumProvider + Ethers.js)

🔗 Live dapp demo - https://react-dapp-v2-with-ethers.vercel.app
🔗 Live wallet demo - https://react-wallet.walletconnect.com/
📚 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 Ethers.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:

Develop

yarn start

Test

yarn test

Build

yarn build