Using smart wallets in React

This repository is associated to a guide on thirdweb blog demonstrating the use of smart wallets in React creating an invisible web3 experience.

Getting started

Clone this repository and run the following command in the project directory:

# npm
npm install

# yarn
yarn install

This should install all the required dependencies for this project.

Adding details

Check const/yourDetails.js file and add all the details specified. This includes:

• TWFactoryAddress: Address of the deployed thirdweb account factory contract
• TWApiKey: thirdweb API key that you can generate from thirdweb dashboard.
• activeChain: The chain your account factory is deployed on. Recommended to import from the @thirdweb-dev/chains package.
• editionDropAddress: Address for your deployed Edition Drop contract.
• editionDropTokenId: Token ID to claim from the edition drop contract.

Running the app

Use the following command to run the app:

# npm
npm run dev

# yarn
yarn dev

Deploying to IPFS

Use the following command to deploy this app to IPFS:

# npm
npm run deploy

# yarn
yarn deploy

Conclusion

Feel free to contribute to this repository by creating a pull request. If you have any questions, join our Discord server and create a support thread. For any feedback, leave them on our feedback board.