Giter Club home page Giter Club logo

nft's Introduction

FrontEndNFT

FrontEndNFT Portal

Tài khoản Moralis: Tài khoản: [email protected] 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

nft's People

Contributors

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