3e866b320f
* chore: losslessly compress sample assets * chore: rename assets with CAIP `:` separator to windows-friendly `-` * chore: rename asset paths in code * fix: zkSync asset naming |
||
|---|---|---|
| .. | ||
| public | ||
| src | ||
| .env.local.example | ||
| .gitignore | ||
| .prettierrc | ||
| images.d.ts | ||
| LICENSE | ||
| next-env.d.ts | ||
| next.config.js | ||
| package.json | ||
| README.md | ||
| tsconfig.json | ||
| yarn.lock | ||
React dApp (with v2 UniversalProvider + web3.js)
🔗 Live dapp demo - https://react-dapp-v2-with-web3js.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 UniversalProvider 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:
NEXT_PUBLIC_PROJECT_ID(placeholder) - You can generate your own ProjectId at https://cloud.walletconnect.comNEXT_PUBLIC_RELAY_URL(already set)
Develop
yarn start
Test
yarn test
Build
yarn build