This template makes it easy to quickly get started building dApps on MultiversX, providing the basics for MultiversX authentication and transaction signing.
See Dapp Template for a live demo.
The dapp is a client side only project built using React + Vite and it uses the ping-pong smart contract created and maintained by the MultiversX team.
Before starting, make sure you have the minimum requirements on your workstation.
Minimum
- An up-to-date version Yarn (or npm)
- An up-to-date version of NodeJS (tested on v18.10.0)
Optional
- A WalletConnect projectId
- The ping-pong smart contract deployed
From a terminal, navigate to the project folder and run:
$ yarnFor quickly testing the app on devnet, you can use the default environment values.
In case you want to test the app on testnet or mainnet, you will have to deploy the ping-pong contract there and update the environment files accordingly.
The environment files are located in the /src/app/environment/env folder.
You can generate a WalletConnect projectId here for free, and you can find the code for the ping-pong smart contract here.
From a terminal, navigate to the project folder and run one of the following commands, depending on which environment you want to use:
#Devnet
$ yarn run start:devnet
#Testnet
$ yarn run start:testnet
#Mainnet
$ yarn run start:mainnetThis will start the React app in development mode, using the configs found in the environment files. Open http://localhost:3000 to view it in the browser.
From a terminal, navigate to the project folder and run one of the following commands, depending on which environment you want to build for:
#Devnet
$ yarn run build:devnet
#Testnet
$ yarn run build:testnet
#Mainnet
$ yarn run build:mainnet- Telegram - @EsdtSpace
- Twitter - @EsdtSpace
- Website - https://esdt.space
