Wallet Connect
An Open protocol for connecting Wallets to Dapps, supports Asset Chain. Wallet Connect's, Wallet Kit boasts features that provide a simple, secure way for your wallet users to easily connect with thousands of apps.
Getting Started
To connect your application to WalletConnect, you'll need to create a project on the WalletConnect Dashboard and obtain the Project ID.
Sign Up or Log In to the WalletConnect Dashboard
Visit the WalletConnect Dashboard
If you don't have an account, sign up with your email and create a new account. If you already have an account, log in.
Create a New Project
After logging in, you’ll see an option to create a new project.
Click on "Create" and fill in the necessary details, such as the project name
Once the project is created, you’ll be redirected to the project’s dashboard.
Obtain Your Project ID
In the project dashboard, you’ll find the Project ID under the project details.
Copy the Project ID. You will use this ID in your ReactJS project to configure WalletConnect.
Setting Up the Reactjs Project
Before we start, ensure you have the following tools installed on your system:
Node.js and npm: Make sure you have Node.js installed, as it comes with npm, the Node package manager.
let's create a new React project using vite
.
Then follow the prompts!
after you're done installing reactjs using vite, navigate to your project directory and install this necessary packages:
Configuring Wallet Connect
create a config.js
file in the src folder and add this code below:
in the main.jsx
file, add this code below:
and finally in your App.jsx
file, add the code below:
Open your terminal, in the your project directory , run the command below to start up the server:
Last updated