【KryptoCamp】Office Hour
  • Season 2 2022/2-4
    • Outline
      • 晚間學習班課綱
      • 助教課課綱、直播 & 回放連結
    • OH Week1 Overview
      • MetaMask & Other Wallets
      • NFT Website Development
      • 實作區塊 0 的產生
      • Reference, Resources & AMA
    • OH Week3 Overview
      • 設計多人管理的智能合約保管箱 (Optional)
      • 架設私有區塊鏈發送第一筆交易(Optional)
      • 發行代幣 Token (Optional)
      • Reference, Resources & AMA
    • OH Week4 Overview
      • Supply Chain Management System(Optional)
      • 荷蘭拍(Optional)
      • Reference, Resources & AMA
    • OH Week5 Overview
      • DAPP
      • Reference, Resources & AMA
    • OH Week6 Overview
      • NFT - Layers Random Blending
      • NFT - Smart Contract
      • KYC Whitelisting 白名單設計(Optional)
      • Reference, Resources & AMA
    • OH Week7 Overview
      • DAPP - Minting Functionality
      • NFT 稀有度與持有人排行榜(Optional)
      • Reference, Resources & AMA
  • Season 1 2022/1
    • Outline
    • OH Week1 Overview
    • OH Week2 Overview
    • OH Week3 & Week4 Overview
Powered by GitBook
On this page
  • NFT Website 常見架構及各部位簡介
  • NFT Website 企劃解析與技術規劃
  1. Season 2 2022/2-4
  2. OH Week1 Overview

NFT Website Development

NFT 的詳細內容跟原理下禮拜會介紹。這邊主要聚焦在 NFT 網站架設計畫,了解這些網站的設計想法對未來發行 NFT 以及建置 DApp 有很大的幫助,同時也是很好的練習方法!

PreviousMetaMask & Other WalletsNext實作區塊 0 的產生

Last updated 3 years ago

NFT Website 常見架構及各部位簡介

Marketing and Social Media

  • 社群媒體連結按鈕

    • Twitter 塑造社群形象,華人常用 Facebook 粉絲專頁。

    • Discord 營造社群氛圍和向心力,以及辦理小型活動。

    • Instagram 提供社群速食內容。

  • Roadmap 和 Timeline

    • Interaction VIP/Owners Area

    • 空投

    • 發行實體或虛擬的周邊

    • 下一波或新產品 Mint 的優先權

  • 團隊介紹

  • Email 訂閱

  • 商品輪播

NFT DataBase

  • Gallery or Information DB

  • Leader Board or Rank List

dAPP

  • Login System

NFT Website 企劃解析與技術規劃

(幫助組內討論和讓大家知道要學什麼東西 & 語言)

Implement

「在 NFT 商品網站中與以太坊錢包 - MetaMask 連動,並且認證錢包登入者是否持有我們發行的 NFT。後讓登入者進入 NFT holders 的專屬 VIP 區域進行互動。」以及「產品上鏈工程 & 實作 Minting dAPP」

  1. Login Flow (Login System) (react.js, MetaMask@onboarding, web3.js)

  2. Tokens Owner Check Flow (Verify System) (react.js, web3.js, ethers.js, opensea.js)

  3. Produce NFT Flow (python, JavaScript)

  4. Deploy NFT Flow (Solidity, Etherscan)

  5. Minting dAPP Flow (react.js, web3.js, ethers.js, Solidity)

Mint Button

Interaction VIP Area

Example
Example
Example
Example
Example