Nft_marketplace Tailwind Templates

Nft_marketplace

A working example of an NFT Market Place built using Next.js ,Tailwind CSS , Firebase ,ipfs , smart contracts in solidity

Readme

this project is working example of a Nft marketplace using Next.js tailwindcss, Firebase , web3 and metamask. the contract are deployed with an injected wallet (metamask) to a test network https://goerli.etherscan.io using remix

the deployed minting contract link the deployed trading contract link

also link to the contract code Token & Trading link

Project working Tree

    -src
        Components:
            holdes all the components
        context:
            used to run app context
        lib:
            firebase startup
        pages:
            all pages that run on app
        public:
            assets used
        styles:
            any golobal styles.css
        contract:
            minitinginfo:
                holds the abi and address of the deployed contract
            tradingingo:
                holdes the abi abd address of the deployed contract
        -README.md
        -tailwind.config.js
        -package.json

Setup & installation

things you need before starting

  • a metamask wallet link

  • and a gorelieth setup with metamask link

  • and firebase console link

  • an infura ipfs storage client and serect link

    !! Project is Deprecated !!

env file

NEXT_PUBLIC_FIREBASE_API_KEY=<FIREBASE>
NEXT_PUBLIC_FIREBASE_AUTH_DOMIAN=<FIREBASE>
NEXT_PUBLIC_FIREBASE_PROJECT_ID=<FIREBASE>
NEXT_PUBLIC_FIREBASE_STORAGE_BUKET=<FIREBASE>
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=<FIREBASE>
NEXT_PUBLIC_FIREBASE_APP_ID=<FIREBASE>

NEXT_PUBLIC_PROJECT_ID=<INFURA IPFS>
NEXT_PUBLIC_PROJECT_SECRET_KEY=<INFURA IPFS>

commands

git clone
npm install
npm run dev

Screenshots

Top categories

Loading Svelte Themes