Simple NFT Visualiser
Budget: $15 – $25 AUD
We would like to have a Simple Dapp developed for an ethereum style network (EVM compatible and live)
--
Dapp landing page:
Field 1. User must enter the NFT contract address - (0x.....5hv) etc
Field 2. User must enter the Token ID - (31) etc
Submit
--
Upon submit, user is directed to a new page where the following information is displayed:
NFT image
NFT Name
NFT Description
NFT owner (wallet address)
NFT Attributes
--
Technicals:
The "tokenURI" field from the ethereum style smart contract (ERC721) delivers a specific JSON package for each unique tokenID
i.e tokenID(30) parses to deliver a url similar to -
ipfs://QmPVw3Jn6s52N1SXdNsbc82m1w84xof3nwPBHqdKc28gvv/30.json
This JSON Package contains the relevant information (name, description, image url, attributes) which will need to be parsed:
{
"name": "NFT Name",
"description": "NFT Description",
"image": "ipfs://QmXwBAZs4pbiEeXU5HkKMEnxh/30.jpg",
"attributes": [
{
"trait_type": "Attribute 1",
"value": "x"
},
{
"trait_type": "Attribute 2",
"value": "y"
},
{
"trait_type": "Attribute 3",
"value": "Z"
],
}
*** The ipfs public gateway can be used to parse the image i.e https://ipfs.io/ipfs/QmXwBAZs4pbiEeXU5HkKMEnxh/30.jpg
The "ownerOf" field from the smart contract provides the owners wallet address for the entered tokenID()
i.e ownerOf(30) -> 0xy.....8idnndh
--
Requirements:
Responsive/mobile friendly
--
Dapp landing page:
Field 1. User must enter the NFT contract address - (0x.....5hv) etc
Field 2. User must enter the Token ID - (31) etc
Submit
--
Upon submit, user is directed to a new page where the following information is displayed:
NFT image
NFT Name
NFT Description
NFT owner (wallet address)
NFT Attributes
--
Technicals:
The "tokenURI" field from the ethereum style smart contract (ERC721) delivers a specific JSON package for each unique tokenID
i.e tokenID(30) parses to deliver a url similar to -
ipfs://QmPVw3Jn6s52N1SXdNsbc82m1w84xof3nwPBHqdKc28gvv/30.json
This JSON Package contains the relevant information (name, description, image url, attributes) which will need to be parsed:
{
"name": "NFT Name",
"description": "NFT Description",
"image": "ipfs://QmXwBAZs4pbiEeXU5HkKMEnxh/30.jpg",
"attributes": [
{
"trait_type": "Attribute 1",
"value": "x"
},
{
"trait_type": "Attribute 2",
"value": "y"
},
{
"trait_type": "Attribute 3",
"value": "Z"
],
}
*** The ipfs public gateway can be used to parse the image i.e https://ipfs.io/ipfs/QmXwBAZs4pbiEeXU5HkKMEnxh/30.jpg
The "ownerOf" field from the smart contract provides the owners wallet address for the entered tokenID()
i.e ownerOf(30) -> 0xy.....8idnndh
--
Requirements:
Responsive/mobile friendly