---
# System prepended metadata

title: 第四週

---

# 第四週作業
---
基礎：

1. 完成課程內容，並部署到 Vercel，完成：

    -  [第四週課程](https://hackmd.io/@KryptoCampDev/Web3-DApp-Frontend)

2. 上述前端結合客製化 NFT合約

進階： 

1. 優化前端網站。
    -  優化UI/UX
    -  自訂React Hook
    -  監聽交易狀態：
        -  更新totalSupply, balance



---
## 基礎​1
Create NFT Page
Generate your own NFT Collection
填完
Collection Name*
Collection Symbol*
Collection Description*
Collection Size(Total Supply)*
後可以看到CreateTest (Button)
依使用者填入之資料帶入 
(TOKEN URL 尚未設定)
[Contract UnitNftFactory](https://sepolia.etherscan.io/address/0x34eb633c2f2346979eb89385a2b5fbba8c9740f4#code)
來增加新的 [Contract UnitNft](https://sepolia.etherscan.io/address/0x2bb634109eee5dc71602066f874da5abc27be9d8#code)

URL如下:

NetWork : SepoliaTestnet

https://dragon-mint-nine.vercel.app/


---

## 進階​1

預定第五週前完成



---

