Daltonic / dappAuction

A web3 marketplace for Auctioning the sales of NFT products along with bidding functionalities built with React, NodeJs, Solidity, and CometChat.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

How to Build an NFT Auction Site with React, Solidity, and CometChat

Read the full tutorial here: >> How to Build an NFT Auction Site with React, Solidity, and CometChat

This example shows How to Build an NFT Auction Site with React, Solidity, and CometChat:

Offering Item

NFT Auction Marketplace: Offerings

Bidding Item

NFT Auction Marketplace: Biddings

Technology

This demo uses:

  • Metamask
  • Hardhat
  • Infuria
  • ReactJs
  • Tailwind CSS
  • Solidity
  • EthersJs
  • Faucet

Running the demo

To run the demo follow these steps:

  1. Clone the project with the code below.

    # Make sure you have the above prerequisites installed already!
    git clone https://github.com/Daltonic/dappAuction
    cd dappAution # Navigate to the new folder.
    yarn install # Installs all the dependencies.
  2. Head to infuria and create an IPFS project.

  3. Create another .env file in the api directory and enter the following details.

    INFURIA_PID=<PROJECT_ID>
    INFURIA_API=PROJECT_API_SECRET>
  4. Head to CometChat and create a project.

  5. Update .env file to include the following details.

    REACT_APP_COMETCHAT_APP_ID=<APP_ID>
    REACT_APP_COMETCHAT_AUTH_KEY=<AUTH_KEY>
    REACT_APP_COMETCHAT_REGION=<REGION>
  6. On one terminal CD into the api directory and run node app.js

  7. On a second terminal, run yarn start to spin up the app on the browser.

If your confuse about the installation, check out this TUTORIAL to see how you should run it.

Questions about running the demo? Open an issue. We're here to help ✌️

Useful links

About

A web3 marketplace for Auctioning the sales of NFT products along with bidding functionalities built with React, NodeJs, Solidity, and CometChat.


Languages

Language:JavaScript 82.0%Language:Solidity 13.1%Language:HTML 2.9%Language:CSS 2.0%