Simple NFT Visualiser

Job ID: 31941713

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