web3-cross-platform-dapp

This repository showcases how to build a modern cross-platform (web / iOS / Android) dApp with Expo, React Native for Web, wagmi and WalletConnect's Web3Modal

Read the article for a more detailed explanation: Cross-Platform Web3 dApps With React Native

Requirements

Expo environment setup (Node.js, Git, Watchman)
A Wallet Connect Cloud project ID
An Alchemy API key
Expo Go app installed in your smartphone
One or more web3 wallets installed in your smartphone (e.g. MetaMask, Rainbow Wallet, Trust Wallet, etc)
One or more web3 wallets installed in your browser (e.g. MetaMask, Rainbow Wallet, Trust Wallet, etc)

Rename .env.example to .env and fill in your Wallet Connect Cloud project ID, and Alchemy API key
yarn install

yarn start
Open Expo Go app in your smartphone
If your smartphone is in the same network as your computer, the local dev server should appear as the first option. If it doesn't, use the app to scan the QR Code presented in the terminal

Name		Name	Last commit message	Last commit date
Latest commit History 14 Commits
assets		assets
src		src
.env.example		.env.example
.eslintrc		.eslintrc
.gitignore		.gitignore
.prettierignore		.prettierignore
.prettierrc		.prettierrc
App.tsx		App.tsx
README.md		README.md
app.config.js		app.config.js
app.json		app.json
babel.config.js		babel.config.js
demo.gif		demo.gif
package.json		package.json
polyfills.ts		polyfills.ts
polyfills.web.ts		polyfills.web.ts
tsconfig.json		tsconfig.json
yarn.lock		yarn.lock