GithubHelp home page GithubHelp logo

nft-market's Introduction

NFT-MARKETPLACE

Nft Marketplace is a market place for selling nfts. It contains 4 parts.

  1. The first is for selling nfts, you can list your nfts and sell them. ✅
  2. The second is for cancelling, you can cancel your listed items. ✅
  3. The third is for buying, you can buy the nfts anothers listed. ✅
  4. The forth is for withdraw, you can get your proceeds for selling your nft. ✅

Features

  • Frontend server build by Next.js, Backend server build by Java ,Contracts build by Solidity.
  • Log in Nft marketplace with digital wallet using Walletconnect.
  • All transactions are managed and send by Wagmi.
  • Used Stream hooks of Moralis to listen to the events of transaction and callback the Backend server.
  • Fecth the metadatas of nft using NFT'S API from Moralis.
  • Integracted with the Mongodb to store events data that from Stream hooks of Moralis.
  • Test and deploy contracts with Hardhat.

Quick Start

Step1:Run Backend server

We need to run the Backend server at first.We need fill the apikey of Moralis in the application.properties of Backend server instead example value of MORALIS_API_KEY.Please access to Moralis then regirster if you don't have the apikey.after that.Like this we can run with the Backend server.

Step2:Complie the contracts for Apis of contract

For Apis of contract,We can use Remix to complie the contracts.

Step3:Create the Stream hook

To process this step we should login in the Moralis. creating the Stream hook is for listening to events of contract(Of course you can create the Stream hook via coding,but here we directly create on the website).click the Stream tab then create new Stream,this the creation page you need fill the address and abi of NftMarketplace and choose the all events needing to listen to.You can refer to the videos below. ezgif com-video-to-gif ezgif com-video-to-gif (1) ezgif com-video-to-gif (2) ezgif com-video-to-gif (3)

Step4:Run Frontend server

Create an .env file and copy the content of .env.example,an then revise the value for properties of .env file. NEXT_PUBLIC_SERVER_URL is the url of your Backend server.NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID is your projectId of WalletConnect, you should login and get your projectId from WalletConnect if you didn't have logined WalletConnect.

nft-market's People

Contributors

973398769 avatar

Stargazers

_LemonSlice avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.