Become a Partner Try it out

Guide to creating an NFT-Ticket Booking Dapp using Express Protocol SDK

Guide to Creating an NFT Ticket Booking Dapp

NFT Tickets are unleashing the unlimited potential for revenue-generating opportunities; thus encouraging a lot of event organizers to create their own NFT-Ticket Booking Dapps. But, the issue is most of the organizers are unfamiliar with the intricacies of blockchains or smart contracts which intimidates them to jump into the development of a Dapp of their own. No worries, Express Protocol got you covered with Multichain Data-Rich Express SDK.

Express Protocol is a decentralized, interoperable NFT Market gateway that provides a one-stop solution for users interested in creating their NFT Dapps. The hybrid technology of Express SDK eliminates all the technical hassle and allows you to create your NFT-Ticket Dapp with few lines of code in just a matter of time.

Sharing a complete guide on how to create NFT-Ticket Dapp? to simplify the process for you.

Some of the prerequisites, you must require before building the project:

  1. NodeJS version > 16.0.0
  2. NPM version > 6.0.0
  3. Metamask Browser Extension
  4. Parcel Bundler(For bundling Javascript)

Here are the steps to build your own NFT-Ticket Booking:

1. First, you need to create an empty folder in your favorite editor. Here, we’re using VScode for the editor and Parcel for bundling the javascript code.

Create an NFT Ticket Booking Dapp
npm init
NFT marketplace development
npm i pandora-express
NFT marketplace development
npm install -g parcel-bundler 
NFT marketplace development

2. Next, you need to install the SDK and run it in the terminal.

3. Then build a UI and make an index.html file to paste the following codes mentioned below.

NFT marketplace development


      

Now, you need to run the app with the liver server.

After pasting all the codes, your NFT-Ticket Booking Dapp will look something like this:

NFT marketplace development

4. Finally, you’re here. The only step left is to get the function parameters using javascript DOM and then paste the below-mentioned codes to the main.js.

const { createPandoraExpressSDK } = require(“pandora-express”);init = async () => {
if (window.ethereum) {
window.web3 = new Web3(window.ethereum);
await window.ethereum.enable();
console.log(“Connected”);
} else {
alert(“Metamask not found”);
}
};createCollection = async () => {
let ExpressSDK = createPandoraExpressSDK();
const accounts = await web3.eth.getAccounts();
const chainId = await web3.eth.net.getId();
console.log(chainId);
const result = await ExpressSDK.erc1155.collection.createCollection(
web3,
chainId,
accounts[0],
collectionURI.value,
collectionDescription.value,
[[accounts[0], collectionRoyalties.value]]
);console.log(result);
};mintInCollection = async () => {
let ExpressSDK = createPandoraExpressSDK();
const accounts = await web3.eth.getAccounts();
const chainId = await web3.eth.net.getId();
console.log(chainId);
const result = await ExpressSDK.erc1155.collection.mint(
web3,
collectionAddress.value,
tokenID.value,
itemColNumber.value,
tokenURI.value,
accounts[0]
);
console.log(result)
};sellInCollection = async () => {
let ExpressSDK = createPandoraExpressSDK();
const accounts = await web3.eth.getAccounts();
const chainId = await web3.eth.net.getId();
console.log(chainId);
const result = await ExpressSDK.erc1155.collection.sellNFT(
web3,
chainId,
sellCollectionAddress.value,
sellTokenId.value,
sellPrice.value,
accounts[0],
itemSellNumber.value
);
console.log(result)
};const collectionURI = document.getElementById(“collection1155Uri”);
const collectionDescription = document.getElementById(“collection1155Description”);
const collectionRoyalties = document.getElementById(“collection1155Royalties”);
const CollectionButton = document.getElementById(“btnCreateCollection1155”);
CollectionButton.onclick = createCollection;const collectionAddress = document.getElementById(“collection1155Address”);
const tokenURI = document.getElementById(“token1155URI”);
const tokenID = document.getElementById(“token1155Id”);
const itemColNumber = document.getElementById(“numMintInCol1155Amount”);
const btnMintInCollection = document.getElementById(“btnMintInCollection1155”);
btnMintInCollection.onclick = mintInCollection;const sellCollectionAddress = document.getElementById(“sellCollection1155Address”);
const sellTokenId = document.getElementById(“sell1155TokenId”);
const sellPrice = document.getElementById(“sell1155Price”);
const itemSellNumber = document.getElementById(“numSellInCol1155Amount”);
const btnSellInCollection = document.getElementById(“btnSellInCollection1155”);
btnSellInCollection.onclick = sellInCollection;init();
      

Now run in terminal

parcel index.html
NFT marketplace development
NFT marketplace development

Congratulations! You’ve successfully created your first NFT-Ticket Booking Dapp with Express SDK. Now, you can simply trade your NFT-Tickets on the cross-chain network of Express and enjoy the benefits of increased liquidity. And if you need more information regarding the development process, then visit Express Protocol.