【前言】
大家好!我来自台湾大学经济系三年级的 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 就做出个什麽东西…(做效果的,老师不要生气)
不过我会加油的,毕竟这世界上没学过没看过的东西太多了,既然都决定要做了就好好学吧!
前言 写程序,设定好 IDE,可以增加自己的效率,今天来纪录一下安装 Visual Studio C...
重回职场之後,常常听到内稽跟外稽,一直搞不清楚到底是要鸡稽什麽XD"所以就自费去上课啦~ ...
LinearLayout是透过android:orientation来设定布局方向 分为 andro...
当责 第一次看到「当责」(Accountability) 是无意间瞥见的,当时满是疑惑,觉得这个词文...
连续 30 天不中断每天上传一支教学影片,教你如何用 React 加上 Firebase 打造社群...