【前言】
大家好！我來自台灣大學經濟系三年級的 ALu。
意識了這個暑假居然有三個月，在學期中後段只想著我暑假要一直躺著什麼事情都不要做，結果剛開始放暑假就開始覺得無聊了，看了看日曆居然還有兩個多月？每天就是做一些瑣事，疫情期間也不能出門到處跑。
但是！終於找到事情做了：因為工作室要做 NFT 商品的網站，想說既然都要學一堆東西還有完成這樣一個頗大型的 Project，就順便來參加 IT 鐵人的比賽！
這次跟一些好朋友一起組隊，但我們是抱持著完賽即可的心情出發的，實在是不用期待會有除了完賽獎以外的獎哈哈哈哈哈哈哈。這也是一種另類監督自己學習的好方法，像是學習歷程的感覺。而且我先在這邊立一個 Flag 我一定會好好做事，不會半途而廢！希望最後結果可以跟預想的一樣！
【團隊成員】
| Name | 標題 | Tags |
|---|---|---|
| ALu | All In One NFT Website Development | BlockChain, Modern Web |
| Cooksuhr | 1995到2021，php到react網站開發歷程 | Modern Web |
| ExcitedMail | 杰哥的考研紀錄 | Computer Science |
| foodchain | 三十天內用C++寫出一個小遊戲 | Software Development |
| momojn | C++ 三十天學習紀錄 | Software Development |
| chen_yanlong | 學密碼學也猜不到你的手機密碼 | Cryptography |
| yywoli | 從資料庫到資料分析視覺化 | Data Analysis |
【目標】
我個人在 IT 鐵人的主題，同時也是在這個 Project 裡面最主要負責的項目是有兩個：「在 NFT 商品網站中與以太坊錢包 - MetaMask 連動，並且認證錢包登入者是否持有我們發行的 NFT。後讓登入者進入 NFT holders 的專屬 VIP 區域進行互動。」以及「產品上鏈工程 & 實作 Minting dAPP」
【系列文章架構】
| 目錄 | Tags | 內容 | 天數 |
|---|---|---|---|
| 一、前言 | 首篇 | 前言、目標、文章系列內容 | Day 1 |
| 首篇 | Project 分析、Metamask 介紹 | Day 2 | |
| Ethereum | NFT 基本介紹 | Day 3 | |
| 二、登入系統 | Front-End | Learning HTML + CSS + JavaScript | Day 4, Day 5 |
| Front-End | Learning React.js | Day 6 | |
| Front-End | 錢包登入區的前端建置 | Day 7 ~ Day 9 | |
| Full-Stack | 連動 Metamask By React.js | Day 10 ~ Day 14 | |
| 三、驗證系統 | Full-Stack | Learning web3.js | Day 15, Day 16 |
| Full-Stack | Learning ether.js | Day 17 | |
| Full-Stack | Learning opensea.js | Day 18 | |
| Ethereum | ERC 721 詳細介紹 | Day 19, Day 20 | |
| Ethereum | Verify the Tokens' Owner | Day 21 ~ Day 23 | |
| 四、NFT | Others | Random Picture Blending in Python | Day 24 |
| Ethereum | Create and Deploy NFT on OpenSea | Day 25 ~ Day 29 | |
| 五、結語 | 完結灑花 | 結語 | Day 30 |
【小結】
這是一個很大的挑戰哈哈哈哈哈哈哈。這次參與的 Project 很多東西我都沒學過，尤其是對前後端一概不知！頂多就是摸過幾次的 Solidity ，跟平常就對以太坊的鏈還有 DeFi 有基本的了解，卻也沒有任何實作的經驗。
跟 MetaMask 的連動我快把整個 Stackoverflow 還有各種相關論壇翻過來，也只找到少少的一些資訊，所以難度算是頗高的，至少我沒辦法 ctrl + C / V 就做出個什麼東西…（做效果的，老師不要生氣）
不過我會加油的，畢竟這世界上沒學過沒看過的東西太多了，既然都決定要做了就好好學吧！
iThome鐵人賽
看影片追技術