Lamns261 / NFT

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

FrontEndNFT

FrontEndNFT Portal

Tài khoản Moralis: Tài khoản: anhkhoa999go@gmail.com Mật khẩu: oa741953Kh

  1. Chọn mạng Rinkeby

image

  1. Nạp 1 ETH vào ví từ https://faucets.chain.link/rinkeby?_ga=2.194193700.840943072.1643004605-1693912681.1641270658

Run App

Đề chạy dự án cần làm các bước sau:

npm install

npm start

  • Mở thêm 1 terminal nữa để chạy file server.js bằng cách

node server

Kết nối MetaMask

  • Click nào nút Connect wallet để mở modal connect: image
  • Sau đó check vào I have read và chọn biểu tưởng MetaMask để connect MetaMask hoặc WalletConnect để connect WalletConnect: image
  • Sau khi MetaMask thành công: image

Tạo NFT

Để tạo NFT ta cần làm các bước sau:

  • Chọn PickAvatar

  • Tạo NFT với background có sẵn:

    • Ta chọn các thành phần của NFT: image
  • Tạo NFT với background trên máy:

    • Vào background sau đó chọn choose file: image
    • Sau khi chọn: image
    • Sau đó ta bấm vào nút Create your NFT: image
    • Sau khi đó metaMask sẽ bật 2 lần để xác nhận giao dịch. Lần thứ nhất để xác nhận phí gọi contract, lần 2 để trả phí tạo NFT là 0.01 ETH image
    • Sau khoảng 1 phút thì NFT sẽ xuất hiện trong EthNFTOwners image
    • Và tiếp đó là xuất hiện trong MyNFT image

Bán NFT

  • Click nút bán để mở modal cài đặt giá cho NFT: image

  • Chọn giá là loại coin muốn bán: image

  • Sau khi xác nhận bằng MetaMask thì NFT sẽ được chuyển thành trạng thái đang bán: image

  • Sau khi được đăng bán thì NFT sẽ xuất hiện ở NFTMarket: image

  • Ví không phải là ví tạo ra NFT có thể click vào để xem chi tiết sản phẩm và mua sản phẩm: image

  • Click vào Buy Now để mua sản phẩm image

  • Sau khi mua thành công thì sản phẩm sẽ được gửi đến tài khoản người mua và phí giao dịch đến tài khoản người bán

About


Languages

Language:JavaScript 96.4%Language:Solidity 2.3%Language:SCSS 1.0%Language:HTML 0.2%Language:Shell 0.1%Language:CSS 0.0%