iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

All In One NFT Website Development 系列

因為工作室要做 NFT 商品的網站,想說既然都要學一堆東西還有完成這樣一個頗大型的 Project,就順便來參加 IT 鐵人的比賽!

我個人在比賽的主題,同時也是 Project 裡面最主要負責的項目是:「在 NFT 商品網站中與以太坊錢包 - MetaMask 連動,並且認證錢包登入者是否持有我們發行的 NFT。」會使用到的語言有 HTML + CSS + JS, React.js, ether.js, web3.js, opensea,js, python,以及上鏈作業會使用到的 Solidity。對我來說是一個不小的工程,希望能如期完賽。

鐵人鍊成 | 共 32 篇文章 | 46 人訂閱 訂閱系列文 RSS系列文 團隊Obit0 Studio
DAY 1

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

【前言】大家好!我來自台灣大學經濟系三年級的 ALu。 意識了這個暑假居然有三個月,在學期中後段只想著我暑假要一直躺著什麼事情都不要做,結果剛開始放暑假就開始...

2021-09-13 ‧ 由 ALu 分享
DAY 2

Day 2【Project 分析、Metamask】Why is Microsoft Word the best IDE for programming?

【前言】這篇文章要來分析我負責的整個項目,並且準備所有我需要的東西! 【(使用者看見的)前端與(後方運作的)後端】 使用者會看見登入錢包按鈕(按鈕應該要有一...

2021-09-14 ‧ 由 ALu 分享
DAY 3

Day 3【NFT】你那邊還來得及,趕快 all in Bitcoin

【前言】 在執行這個 Project 之前呢,團隊成員有開一次技術會議來詳述 Project 的目的與需求~~(自我介紹 + 聊天打屁)~~,還有分配各自負責...

2021-09-15 ‧ 由 ALu 分享
DAY 4

Day 4【HTML + CSS】於是他開始像靈犬萊西一樣到處蒐集證據

【前言】不知道大家有沒有看過 Youtube 上面一些 5~12 小時的 Coding 教學影片。這是一件頗好笑的事情,以前我都想到底誰會把這種影片看完來學一...

2021-09-16 ‧ 由 ALu 分享
DAY 5

Day 5【JavaScript】可以看到,將近是20公分的深度

【前言】 我的習慣是先在 Youtube 看完落落長的影片,然後才去 Coursera 看看有什麼學院派會特別注重的地方,還有與 Youtube 教學不同的地...

2021-09-17 ‧ 由 ALu 分享
DAY 6

Day 6【React】阿嬤妳怎麼沒感覺?

【前言】終於來到第一個大魔王了,突然感覺自己很像在打怪。等到開始打 Boss 才發現:「React 也太複雜了吧!」一堆大括號、中括號、小括號、Arrow F...

2021-09-18 ‧ 由 ALu 分享
DAY 7

Day 7【錢包登入區 - Login Button】Kitten or Ice Cream?

【前言】先來回顧一下 Day2 Project 分析的使用者流程,今天先來做第一步的 「登入按鈕」 吧!因為自己負責前端的部分並沒有很多,所以如果時間允許的話...

2021-09-19 ‧ 由 ALu 分享
DAY 8

Day 8【錢包登入區 - Loading Message】阿嬤為什麼妳有感覺?

【前言】一樣先來回顧一下 Day2 Project 分析的使用者流程,今天來做第二步的**「驗證帳號讀取時的 Loading 特效」**。我發現寫 React...

2021-09-20 ‧ 由 ALu 分享
DAY 9

Day 9【錢包登入區 - Login Interface】你也想起舞嗎?

【前言】一如往常先來回顧一下 Day2 Project 分析的使用者流程。今天來做登入頁面,第三步的**「登入介面」,還有第四步的「登入成功畫面」**!因為之...

2021-09-21 ‧ 由 ALu 分享
DAY 10

Day 10【連動 MetaMask - Login Flow & Extension Check】The strongest password ever.

【前言】終於要進到後端的部分啦!一樣先來看 Project 分析,這幾天的內容會環繞在第一步**「連動 MetaMask 系統」和第二步「並且得到當前登入者的...

2021-09-22 ‧ 由 ALu 分享