iT邦幫忙

2021 iThome 鐵人賽

DAY 1
0
Modern Web

All In One NFT Website Development系列 第 1

Day 1【序】我現在是天真無邪的學生

【前言】
大家好!我來自台灣大學經濟系三年級的 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 就做出個什麼東西…(做效果的,老師不要生氣)

不過我會加油的,畢竟這世界上沒學過沒看過的東西太多了,既然都決定要做了就好好學吧!


下一篇
Day 2【Project 分析、Metamask】Why is Microsoft Word the best IDE for programming?
系列文
All In One NFT Website Development30

尚未有邦友留言

立即登入留言