Giter VIP home page Giter VIP logo

dappauction's Introduction

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

dappauction's People

Contributors

daltonic avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  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.