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:

NFT Auction Marketplace: Offerings

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

• 🏠 Website
• ⚽ Metamask
• 🚀 Remix Editor
• 💡 Hardhat
• ✨ Infuria
• 🔥 ReactJs
• 🐻 Solidity
• 👀 Ethersjs
• 🎅 CometChat