An open API service indexing awesome lists of open source software.

https://github.com/0xsequence/demo-dapp-web3-react

Demo Dapp using web3-react
https://github.com/0xsequence/demo-dapp-web3-react

Last synced: 12 months ago
JSON representation

Demo Dapp using web3-react

Awesome Lists containing this project

README

          

Demo Dapp + Web3-React
=====================

Dapp example on how to use Sequence Wallet with [Web3-React](https://github.com/Uniswap/web3-react) V6. Demonstrates how to connect a wallet, sign messages and send transactions.

Try this dapp at: [https://0xsequence.github.io/demo-dapp-web3-react](https://0xsequence.github.io/demo-dapp-web3-react)

For complete documentation on Sequence, please see: [https://docs.sequence.xyz](https://docs.sequence.xyz)

## Usage

1. yarn
2. yarn dev
3. Open browser to http://localhost:4000 to access the demo dapp
4. Open browser inspector to see responses from your wallet

## Development

See https://github.com/0xsequence/demo-dapp-web3-react/blob/master/src/App.tsx for the source
usage for a variety of functions. be sure t open your browser's dev inspector to see output.
Think of these functions as a "cookbook" for how you can perform these functions in your dapps.

Also note, sequence.js is built on top of ethers.js, and is API-compatible. Finally, this example
is compatible with Ethereum EIP1193 and standard JSON-RPC Web3Provider, so any dapp can plug in
which is compatible with 1193 providers.

## Screenshots

**Connect Wallet**

![Connect Wallet](./screenshots/screen-open.png)

**Execute common wallet functions:**

![Wallet functions](./screenshots/screen-txn.png)

## LICENSE

Apache 2.0 or MIT (your choice)