Quest 3 - Building a dApp with a Wallet Modal
Learning Outcomes
By the end of this quest, you will be able to
- Explain how smart contracts work
- Explain the usage on wallet modals during transactions
- Build a dApp that connects to a wallet
- Appreciate Web3 and blockchain developers effort to make Web3 development easy
Quest Details
Introduction
In this quest, we will be learning about how to build our own Web3 dApp with a Wallet Modal UI to allow wallet integration and connections plus the added support to include email and social logins.
To highlight some of the steps of the quest, we’ll start writing our smart contract which will be used in the subsequent steps of this quest.
We will also explain a lot about how some basic transactions and calls work with smart contracts deployed with our dApp.
In the following steps, we’ll be using the React Framework for the frontend and Hardhat as our development framework to interact with the deployed smart contract, Finally, we will use ThirdWeb’s SDK to allow us to connect more than one wallet provider.
As such, it is highly recommended that learners complete the following modules before proceeding with this tutorial:
- ReactJS Basics
- Hardhat for Web3 Development
For technical help on the StackUp platform & quest-related questions, join our Discord, head to the 🆘 | quest-help-forum channel and look for the correct thread to ask your question.
Deliverables
This quest has 1 deliverable.
- Link
This quest is part of a campaign so do check out other quests!
Find articles to support you through your journey or chat with our support team.
Help Center