https://github.com/0xsequence/demo-dapp-web3modal

Demo Dapp using Web3Modal
https://github.com/0xsequence/demo-dapp-web3modal

Last synced: 3 months ago
JSON representation

Demo Dapp using Web3Modal

• Host: GitHub
• URL: https://github.com/0xsequence/demo-dapp-web3modal
• Owner: 0xsequence
• License: apache-2.0
• Created: 2022-02-01T21:49:24.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-06-26T18:21:14.000Z (almost 3 years ago)
• Last Synced: 2025-06-24T19:36:51.599Z (12 months ago)
• Language: TypeScript
• Homepage: https://0xsequence.github.io/demo-dapp-web3modal
• Size: 37.2 MB
• Stars: 23
• Watchers: 16
• Forks: 16
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
Demo Dapp + Web3Modal

=====================

Dapp example on how to use Sequence Wallet with [Web3Modal](https://github.com/Web3Modal/web3modal). Demonstrates how to connect a wallet, sign messages and send transactions.

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

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

## 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-web3modal/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 with Web3Modal with Sequence + WalletConnect options:**

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

**Execute common wallet functions:**

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

## LICENSE

Apache 2.0 or MIT (your choice)