https://github.com/thirdweb-example/smart-wallet-react
Connecting and interacting using smart wallets in a React app
https://github.com/thirdweb-example/smart-wallet-react
Last synced: 9 months ago
JSON representation
Connecting and interacting using smart wallets in a React app
- Host: GitHub
- URL: https://github.com/thirdweb-example/smart-wallet-react
- Owner: thirdweb-example
- License: apache-2.0
- Created: 2023-05-04T11:41:45.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-10-16T21:11:42.000Z (over 2 years ago)
- Last Synced: 2023-10-17T09:16:37.113Z (over 2 years ago)
- Language: TypeScript
- Homepage: https://smart-wallet-react.thirdweb-preview.com/
- Size: 1.32 MB
- Stars: 12
- Watchers: 3
- Forks: 5
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
## Smart Wallet React Demo
Simple web app that lets users connect their smart wallets and do gasless, signless transactions.
Also demo's adding scoped session keys to the smart wallet.
## Environment Variables
To run this project, you will need to add environment variables. Check the `.env.example` file for all the environment variables required and add it to `.env` file or set them up on your hosting provider.
The demo requires a thirdweb clientId.
paste your client in your .env file:
```.env
VITE_TEMPLATE_CLIENT_ID={{your_client_id}}
```
## Running the project
Install the dependencies
```bash
yarn install
```
Run the app
```bash
yarn dev
```
### Deploy to IPFS
Deploy a copy of your application to IPFS using the following command:
```bash
yarn deploy
```
## Learn More
To learn more about thirdweb, Vite and React, take a look at the following resources:
- [thirdweb React Documentation](https://docs.thirdweb.com/react) - learn about our React SDK.
- [thirdweb TypeScript Documentation](https://docs.thirdweb.com/react) - learn about our JavaScript/TypeScript SDK.
- [thirdweb Portal](https://docs.thirdweb.com/react) - check our guides and development resources.
- [Vite Documentation](https://vitejs.dev/guide/) - learn about Vite features.
- [React documentation](https://reactjs.org/) - learn React.
- [Templates](https://thirdweb.com/templates)
You can check out [the thirdweb GitHub organization](https://github.com/thirdweb-dev) - your feedback and contributions are welcome!
## Join our Discord!
For any questions, suggestions, join our discord at [https://discord.gg/thirdweb](https://discord.gg/thirdweb).