Skip to content

Latest commit

 

History

History
 
 

16-nft-auction-exchange

English / 中文

auction-exchange

Auction NFT assets

  • Support Fixed price and then sell
  • Support the auction

Operation Process

Configure The Private Key

Put the private key in the .env file and its format is as follows

INFURA_ID=yyyyyyyy
PRIVATE_KEY_ADMIN=xxxxx
PRIVATE_KEY_ALICE=yyyyy
PRIVATE_KEY_BOB=ttttt
PRIVATE_KEY_TEST=zzzzz

Start the local test network

  • New start command line input hardhat node

    npx hardhat node --network hardhat

  • Start ipfs
    ipfs daemon

  • New start command line deployment contract input
    npx hardhat run scripts/upload.js --network localhost npx hardhat run scripts/react_app_contract.js --network localhost

The Front-End start

  • Configuration Parameters
    When react is started, some checks are performed. These checks cause react startup to fail, so you need to configure it to skip unnecessary checks. Env is already configured in .sample.env configuration, so you just need to copy the configuration file.

    cd react-app
    cp .env.example .env
    
  • The Front-End start

    yarn install
    yarn start
    
  • Use MetaMask to link local nodes

  • Open react page
    Open react page, default http://localhost:3000

  • Initial capital is injected through Faucet Tap the "Faucet" button in the upper right corner of the page to inject initial funds for subsequent auctions

  • Mint Assets On react page, click the "Mint" button at the bottom of the image to produce ERC721 assets. You can then view your assets in "YourCollectibles"

  • Start Auction
    After Mint, the "Start Auction" button will appear under the picture, click the button to Start the Auction, there are two kinds of Auction, "Auction Fixed Price" and "Auction Unfixed Price". Select "Auction Fixed Price" to Auction (after Auction, you will find that your "yourcollectibles" assets disappear).

  • Switch Account Switch MetaMask to another account and the page refreshes. Refresh may be a bit slow here, so wait until the account in the upper right corner shows up as a new account.

  • Bid to Buy
    Auction's images are Bid with the new account, and after successful purchases, the purchased assets can be viewed in "yourcollectibles.

Contract testing steps:

  • Executing unit tests
    AuctionFixedPrice.sol : Auction Fixed Price
    AuctionUnfixedPrice.sol: Auction Unfixed Price

    npx hardhat test
    
  • Execute script under script

    npx hardhat run scripts/auction-fix-price-script.js --network goerli
    

Refer to the link

Todo List

Administration Page

  • NFT Generates pages
  • My NFT list page
  • Initiate auction operation dialog box
  • Initiate auction list page
  • Bid record list page

The Front-End Page

  • Home page
  • About
  • NFT list page
  • Auction list page
  • Bid dialog box

Abnormal Page

  • When confirming the account, Metamask calls up the page
  • No MetaMask, MetaMask download page

Not been determined

  • The Collection function
  • Personal Data function