demi-ll / bbox-front

NFT 盲盒玩法的客戶端功能示範，包含與合約互動、與狐狸錢包互動等操作範例。

BBOX-front

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

Demo

• home
  
• mint
  
• disconnect
  

References

• metamask 官方文件

  • https://docs.metamask.io/guide/ethereum-provider.html
  • https://docs.metamask.io/guide/rpc-api.html

• nuxt-web3

• web3.js

  • web3.js 官方文件
  • 如何取得當前 network id
  • NUXT - web3.js - Metamask 實作範例
  • web3.js 範例
  • 用 web3.eth.Contract 與 ABI 互動
    • https://betterprogramming.pub/build-your-first-dapp-with-web3-js-9a7306d16a61
    • https://coursetro.com/posts/code/99/Interacting-with-a-Smart-Contract-through-Web3.js-

• ethers.js

  • 用 ethers.Contract 與 ABI 互動

• Bootstrap

  • carousel
  • buttons