In the last section, you learned about Deploying and interacting with the contract. Now, you will learn to Integrate your contract with frontend using Taquito and beacon SDK. In this section you will learn the following:
Let's get started.
NOTE: In this tutorial, we will be using the Taquito library in a React project. So, if you don't have experience with javascript, check out PyTezos for Python or tezster-dart package for Flutter.
You can clone the T**ezos-Starter-Project** repository by using the following command and navigate to the respective directory.
git clone <https://github.com/Anshit01/Tezos-Starter-Project.git>
cd Tezos-Starter-Project
For installing the required dependencies for the project, run the following:
npm install
The tezos.js
file in src/
folder will contain all the tezos related code. Follow the following steps.
Update configurations
You have to provide the contract address for the contract you deployed. If you haven't deployed any contract then you can use the default contract address as provided in the code. Also, you can change the RPC_URL
and NETWORK
in case you have deployed your contract to any other testnet.
// Update CONTRACT_ADDRESS and other constants below as required
const DAPP_NAME = "Tezos Developer Hub"
const RPC_URL = "<https://granadanet.smartpy.io>";
const NETWORK = "granadanet"
const CONTRACT_ADDRESS = "KT1VpKSj44yAVShjPt5AAXksaMYn3xKsB46c"