2022-02-23 10:07:21 +00:00
# React dApp (with v2 EthereumProvider + web3.js)
2022-02-18 11:32:28 +00:00
2022-02-23 10:07:21 +00:00
🔗 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
2022-02-18 11:32:28 +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-23 10:07:21 +00:00
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)
2022-02-18 11:32:28 +00:00
## Develop
```bash
yarn start
```
## Test
```bash
yarn test
```
## Build
```bash
yarn build
```