RajAdwaita / IIP_Project

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

NFT Marketplace

Create, sell, buy all kind of NFTs and deploy smart contract and other option

supported CELO, ETH and MATIC chains


Table of Contents
  • About The Project
  • Built With
  • Getting Started
  • Prerequisites
  • Installation
  • Pages
  • Contact
  • Demo of Project

    You can see Demo of this project in this link

    About The Project

    Marketplace NFT help users to create, sell, buy and view non-fungible token (NFT)

    **All transactions in this project using KMS method and do not get user`s Private key

    In this app user can:

    • Create Express NFT (Erc721) with deploy image and metadata in IPFS network for free with Tatum API in CELO, ETH, MATIC blockchains.

    • Create Custom NFT in its own smart contracts (with deploy image and metadata in IPFS network) in CELO, ETH, MATIC blockchains.

    • Create Royalty NFT with fix Cashback or percentage Cashback.

    • Creating metadata as Opensea.io standard metadata in IPFS network.

    • Deploy smart contract (CELO, ETH, MATIC blockchains).

    • Create listing for selling all NFT (ERC721 and ERC 1155).

    • Cancel listings.

    • Buy NFTs.

    • View all NFT in user wallet (CELO, ETH, MATIC blockchains)

    • View all NFT listings and historical price in chart (all listings: initialized, sold and canceled)

    • view all NFT that listed in web app marketplaces.

    (back to top)

    Built With

    this project built using:

    (back to top)

    Getting Started

    Prerequisites

    you should have installed Node.js

    Installation

    1. Clone the repo
    git clone 
    1. Install NPM packages
    npm install
    

    you can buy base plan Tatum APIs and hide API-KEY by Tatum services.

    1. Enter your mainnet API in src\constance\mainNet.json
    "API_KEY":"ENTER YOUR MAIN NET API";
    1. Enter your testnet API in src\constance\testNet.json
    "API_KEY":"ENTER YOUR TEST NET API";
    1. Create your own Marketplace smart contract in desired blockchains (CELO, ETH, MATIC) for testnet and mainnet.(6 smart contracts)
      you can use postman or Tatum API reference page and create marketplace smart contract by calling this API (Create NFT Marketplace “/v3/blockchain/marketplace/listing”)
      and put smart contract addresses and market fee in json files
      for testnet in this file:

    src\constance\testNet.json

    for mainnet in this file:

    src\constance\mainNet.json

    "marketplace":[
    
    {
    
    "name" : "ETH",
    
    "address": "YOUR MARKETPLACE ADDRESS IN ETH",
    
    "marketFee":"0.025" //2.5%
    
    },
    
    {
    
    "name" : "MATIC",
    
    "address":"YOUR MARKETPLACE ADDRESS IN MATIC",
    
    "marketFee":"0.025" //2.5%
    
    },
    
    {
    
    "name" : "CELO",
    
    "address":"YOUR MARKETPLACE ADDRESS IN CELO",
    
    "marketFee":"0.025" //2.5%
    
    }
    
    ],
    1. you can change all text in home page such as app name, alert text and … insrc\constance\homePage.json
    {
    
    "marketplaceNmae":"NFT Market",
    
    ...
    
    }
    1. you can change all information in footer section such as phone number, location, links and … in src\constance\footer.json
    {
    
    
    
    ...
    
    }

    (back to top)

    Pages

    Home page:

    Explore page :

    for showing all NFTs that has listed in marketplace (CELO, ETH, MATIC)

    Create page:

    for mint all kind of NFTs

    • Express NFT (free without fee and without having a NFT smart contract by using Tatum smart contracts in all chain “CELO, ETH, MATIC”).
    • Custom NFT (with user smart contract)
    • Royalty NFT (with fix cashback or presentation cashback)

    Contract page:

    • for deploy NFT smart contract in all chain (CELO, ETH, MATIC)

    profile Icon menu:

    My NFTs:
    • in this page user can view all her NFTs in all chain (CELO, ETH, MATIC).
    Switch network:
    • switching between mainnet and testnet

    Wallet Icon:

    • connecting to Metamask wallet.

    (back to top)

    Next Update:

    • backend side for app
    • create MongoDB database
    • Auction futures
    • creating collection by user

    (back to top)

    (back to top)

    About

    License:MIT License


    Languages

    Language:JavaScript 70.4%Language:CSS 23.6%Language:Solidity 5.1%Language:HTML 0.9%