deep-stack/wallet-connect-web-examples
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

docs(with-web3js): updates example and top-level readmes

Browse Source
This commit is contained in:
Ben Kremer 2022-02-23 11:07:21 +01:00
parent 169a442b78
commit 09334bd198
3 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
README.md
View File

@ -5,3 +5,4 @@ Catalogue of various wallet and dapp examples implementing WalletConnect v2. Eac
- [React Wallet Ethers - V2](https://github.com/WalletConnect/web-examples/tree/main/wallets/react-wallet-v2) ([Demo](https://react-wallet-v2.vercel.app/walletconnect))
- [React dApp (with standalone v2 client) - V2](https://github.com/WalletConnect/web-examples/tree/main/dapps/react-dapp-v2) ([Demo](https://react-dapp-v2.vercel.app/))
- [React dApp (with EthereumProvider + Ethers.js) - V2](https://github.com/WalletConnect/web-examples/tree/main/dapps/react-dapp-v2-with-ethers) ([Demo](https://react-dapp-v2-with-ethers.vercel.app/))
- [React dApp (with EthereumProvider + web3.js) - V2](https://github.com/WalletConnect/web-examples/tree/main/dapps/react-dapp-v2-with-web3js) ([Demo](https://react-dapp-v2-with-web3js.vercel.app/))

2
dapps/react-dapp-v2-with-web3js/.env.local.example
View File

@ -1,4 +1,4 @@
REACT_APP_PROJECT_ID=39bc93c4affb2e20cb6f8d36ca107dd9
REACT_APP_PROJECT_ID=39bc93...
REACT_APP_INFURA_ID=5dc0df...
REACT_APP_RELAY_URL=wss://relay.dev.walletconnect.com

22
dapps/react-dapp-v2-with-web3js/README.md
View File

@ -1,6 +1,18 @@
# WalletConnect React App
# React dApp (with v2 EthereumProvider + web3.js)
## Getting Started
🔗 Live dapp demo - https://react-dapp-v2-with-web3js.vercel.app <br />
🔗 Live wallet demo - https://react-wallet-v2.vercel.app <br />
📚 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`](https://docs.walletconnect.com/2.0/quick-start/dapps/ethereum-provider) together with [`web3.js`](https://web3js.readthedocs.io/) to:
- handle pairings
- manage sessions
- send JSON-RPC requests to a paired wallet
## Running locally
Install the app's dependencies:
@ -14,6 +26,12 @@ Set up your local environment variables by copying the example into your own `.e
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
```bash