Skip to content

ConnectivCorp/nft-distribute-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Welcome to NFT distribute webapp ⚡

API_6

Welcome to the world of NFT!

This NFT distribution webapp is compatible with the API function of "NFT Garden", a multi-chain minting platform. For more information, please check the Docs and website.

🔗 API Docs

🔗 NFT Garden | Multi-chain minting platform

NFT distribute webapp

Distribute app by using the NFT Garden API(v1.1) and node.js. Before you start to building, make sure you have node.js(v18.4.0) installed.

Build steps

If you are cloning the project then run this first, otherwise you can download the source code on the release page and skip this step.

git clone https://github.com/ConnectivCorp/nft-distribute-app.git

Set API-KEY


Change the setting of src/components/post/Post.jsx according to your environment.

Enter the API key obtained from NFT Garden in the parameter part of X-API-KEY .

WARNING: Please be careful not to disclose the API key to the public.

const headers = {
  "Content-Type": "application/json",
  "X-API-KEY":
    "ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ",
};

Set NFT information


Change the setting of src/components/post/Post.jsx for customize NFT information.

sender_wallet_address is FROM address to send NFTs.

title and description are for NFT name.

key and url are property for NFTs.

axios
  .post(
    `https://nftgarden.app/api/v1/createnfttrans`,
    {
      contract_address: contract_address,
      blockchain: blockchain,
      sender_wallet_address: "0x9999999999999999999999999999999999999999", // change to distributer's wallet address
      receiver_wallet_address: receiver_wallet_address,
      metadata: [
        {
          title:
            "Please input a title here", // customize NFT title
          description:
            "Please input a description here", // customize NFT description
          file_fields: [
            {
              key: "image", // customize property for NFT
              url: "Please input a image url here", // customize property for NFT
            },
          ],
        },
      ],
    },
    { headers: headers }
  )

Set Contract address


Change the setting of src/lib/const_file/ChainGenaratorOptions.js . You only need to enter values for the chains you want to activate. blockchain for chain.

Chain/Network value for blockchain
Polygon polygon
Polygon mumbai polygon-mumbai
Avalanche avalanche
Avalanche Fuji avalanche-fuji
Optimism optimism
Optimism Goreli optimism-goerli
Astar Network astar
Shiden Network astar-shiden
Shibuya Network astar-shibuya
Fantom fantom
Fantom testnet fantom-testnet
BNB Chain bnb-mainnet
BNB Chain testnet bnb-testnet
Arbitrum One arbitrum-one
Arbitrum One Testnet arbitrum-testnet
Arbitrum Nova arbitrum-nova
Moonbeam moonbeam
Moonbase moonbase
Moonriver moonriver
const defaultChainGenarateOptions = [
  {
    id: 1,
    image: <Image w="20px" h="20px" src={Polygon} alt="Polygon_logo" />,
    name: "Polygon",
    value: "polygon",
    contract_address: "Please input a contract address",
  },
  {
    id: 2,
    image: <Image w="20px" h="20px" src={Avalanche} alt="Avalanche_logo" />,
    name: "Avalanche",
    value: "avalanche",
    contract_address: "Please input a contract address",
  },
  {
    id: 3,
    image: <Image w="20px" h="20px" src={Optimism} alt="Optimism_logo" />,
    name: "Optimism",
    value: "optimism",
    contract_address: "Please input a contract address",
  },
  {
    id: 4,
    image: <Image w="20px" h="20px" src={Astar} alt="Astar_logo" />,
    name: "Astar",
    value: "astar",
    contract_address: "Please input a contract address",
  },
  {
    id: 5,
    image: <Image w="20px" h="20px" src={Shiden} alt="Shiden_logo" />,
    name: "Shiden",
    value: "shiden",
    contract_address: "Please input a contract address",
  },
  {
    id: 6,
    image: <Image w="20px" h="20px" src={Fantom} alt="Fantom_logo" />,
    name: "Fantom",
    value: "fantom",
    contract_address: "Please input a contract address",
  },
];

export default defaultChainGenarateOptions;

Start scripts

npm install
npm start

Access to your local page.

http://localhost:3000

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published