Pinning another NFT on IPFS but .json is not generated

[shoaibshebi]

@PatrickAlphaC @alymurtazamemon @krakxn

Hey I have pinned this NFT on the Pinata and its working fine:

Here is the URI ipfs://bafybeiaonxnbzzuaws4nctdiwpprm6ioczhwhle3udgyvfqspzbldgsaaa
This URI is working fine if I am using this one after modifying at end
ipfs://bafybeiaonxnbzzuaws4nctdiwpprm6ioczhwhle3udgyvfqspzbldgsaaa/?filename=0-PUG.png

But I dont know how @PatrickAlphaC has generated this one of JSON type, in the hardhat-nft-marketplace-fcc
"ipfs://bafybeig37ioir76s7mg5oobetncojcm3c3hxasyd4rvid4jqhy4gkaheg4/?filename=0-PUG.json"

I'm only able to generate this type
ipfs://bafybeiaonxnbzzuaws4nctdiwpprm6ioczhwhle3udgyvfqspzbldgsaaa

Thanks

[shoaibshebi]

Here is the BasicNft.sol file

I am not able to get this URI at the front end side using Moralis
tokenURI is undefiend

`//SPX-License-Identifier: MIT

pragma solidity ^0.8.7;

import "@openzeppelin/contracts/token/ERC721/ERC721.sol";

contract BasicNft is ERC721 {
  //This is the sole nft here having below URI
  //i-whenever you mint you get same NFT
  //ii-you get the same URI on tokenURI
  //iii-diff tokenCounter depending on how many times same NFT

  event DogMinted(uint256 tokenId);

  // string public constant TOKEN_URI = "ipfs://bafybeig37ioir76s7mg5oobetncojcm3c3hxasyd4rvid4jqhy4gkaheg4/?filename=0-PUG.json";
  string public constant TOKEN_URI =
    "ipfs://bafybeiaonxnbzzuaws4nctdiwpprm6ioczhwhle3udgyvfqspzbldgsaaa/?filename=0-PUG.png";
  uint256 private s_tokenCounter;

  constructor() ERC721("Dogie", "GOG") {
    s_tokenCounter = 0;
  }

  function mintNft() public {
    _safeMint(msg.sender, s_tokenCounter);
    emit DogMinted(s_tokenCounter);
    s_tokenCounter = s_tokenCounter + 1;
  }

  function tokenURI(uint256 tokenId)
    public
    view
    override
    returns (string memory)
  {
    require(
      _exists(tokenId),
      "ERC721Metadata: URI query for nonexistent token"
    );
    return TOKEN_URI;
  }

  function getTokenCounter() public view returns (uint256) {
    return s_tokenCounter;
  }
}
`

[shoaibshebi]

I got it

we are generating this metadeta manually by uploading it to Pinata API in this project hardhat-nft-marketplace-fcc

async function handleTokenUris() {
  tokenUris = [];

  const { responses: imageUploadResponses, files } = await storeImages(
    imagesLoc
  );
  for (imageUploadResponseIndex in imageUploadResponses) {
    let tokenUriMetadata = { ...metadataTemplate };
    tokenUriMetadata.name = files[imageUploadResponseIndex].replace(".png", "");
    tokenUriMetadata.description = `An adorable ${tokenUriMetadata.name} pup!`;
    tokenUriMetadata.image = `ipfs://${imageUploadResponses[imageUploadResponseIndex].IpfsHash}`;
    console.log(`Uploading ${tokenUriMetadata.name}...`);
    const metadataUploadResponse = await storeTokeUriMetadata(tokenUriMetadata);
    tokenUris.push(`ipfs://${metadataUploadResponse.IpfsHash}`);
  }
  console.log("Token URIs uploaded! They are:");
  console.log(tokenUris);
  return tokenUris;
}