2022-02-21 11:10:56 +00:00
|
|
|
# React dApp (with standalone v2 client)
|
2022-02-02 13:00:33 +00:00
|
|
|
|
2022-03-10 09:35:07 +00:00
|
|
|
🔗 Live dapp demo - https://react-app.walletconnect.com/ <br />
|
|
|
|
🔗 Live wallet demo - https://react-wallet.walletconnect.com/ <br />
|
2022-02-21 11:10:56 +00:00
|
|
|
📚 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 standalone
|
|
|
|
client for WalletConnect v2 to:
|
|
|
|
|
|
|
|
- handle pairings
|
|
|
|
- manage sessions
|
|
|
|
- send JSON-RPC requests to a paired wallet
|
|
|
|
|
|
|
|
## Running locally
|
2022-02-02 13:02:37 +00:00
|
|
|
|
|
|
|
Install the app's dependencies:
|
|
|
|
|
|
|
|
```bash
|
|
|
|
yarn
|
|
|
|
```
|
|
|
|
|
|
|
|
Set up your local environment variables by copying the example into your own `.env.local` file:
|
|
|
|
|
|
|
|
```bash
|
|
|
|
cp .env.local.example .env.local
|
|
|
|
```
|
|
|
|
|
2022-02-21 11:10:56 +00:00
|
|
|
Your `.env.local` now contains the following environment variables:
|
|
|
|
|
2022-09-01 07:55:17 +00:00
|
|
|
- `NEXT_PUBLIC_PROJECT_ID` (placeholder) - You can generate your own ProjectId at https://cloud.walletconnect.com
|
|
|
|
- `NEXT_PUBLIC_RELAY_URL` (already set)
|
2022-02-21 11:10:56 +00:00
|
|
|
|
2022-02-02 13:00:33 +00:00
|
|
|
## Develop
|
|
|
|
|
|
|
|
```bash
|
2022-08-08 09:32:24 +00:00
|
|
|
yarn dev
|
2022-02-02 13:00:33 +00:00
|
|
|
```
|
|
|
|
|
|
|
|
## Test
|
|
|
|
|
|
|
|
```bash
|
|
|
|
yarn test
|
|
|
|
```
|
|
|
|
|
|
|
|
## Build
|
|
|
|
|
|
|
|
```bash
|
|
|
|
yarn build
|
|
|
|
```
|