2022-11-08 08:32:07 +00:00
# React dApp (with v2 UniversalProvider + Ethers.js)
2022-05-31 08:48:33 +00:00
2022-02-21 12:47:16 +00:00
🔗 Live dapp demo - https://react-dapp-v2-with-ethers.vercel.app < br / >
2022-03-10 09:35:07 +00:00
🔗 Live wallet demo - https://react-wallet.walletconnect.com/ < br / >
2022-02-21 12:47:16 +00:00
📚 WalletConnect v2 Docs - https://docs.walletconnect.com/2.0
## Overview
2022-11-08 08:32:07 +00:00
This is an example implementation of a React dApp (generated via `create-react-app` ) using the v2 [`UniversalProvider` ](https://github.com/WalletConnect/walletconnect-monorepo/tree/v2.0/providers/universal-provider ) together with [`Ethers.js` ](https://docs.ethers.io/v5/ ) to:
2022-02-21 12:47:16 +00:00
- handle pairings
- manage sessions
- send JSON-RPC requests to a paired wallet
## Running locally
2022-02-14 10:14:39 +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 12:47:16 +00:00
Your `.env.local` now contains the following environment variables:
2022-11-08 08:32:07 +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 12:47:16 +00:00
2022-02-14 10:14:39 +00:00
## Develop
```bash
2023-05-09 15:56:36 +00:00
yarn dev
2022-02-14 10:14:39 +00:00
```
## Test
```bash
yarn test
```
## Build
```bash
yarn build
```