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

【前言】
这篇文章要来分析我负责的整个项目，并且准备所有我需要的东西！

【（使用者看见的）前端与（後方运作的）後端】

1. 使用者会看见登入钱包按钮（按钮应该要有一些特效）
   • 按下按钮後要连到 MetaMask 系统
2. 使用者点击按钮後出现 Loading 特效，同时跳出 Metamask 登入及连动同意
   • 同意後，要从 MetaMask 得到当前登入者的以太坊地址
3. 使用者同意後出现登入介面，让其输入欲登入的角色编号
   • 得到欲登入的角色编号後，去後方资料库查询此地址是否真的拥有此 NFT
     // 资料库建构的部分由其他夥伴负责，这边我负责检查 Tokens 的持有地址
4. 成功登入後的画面
   // 网页互动的部分由其他夥伴负责，这边我负责显示登入成功 or 失败

【参考资料】

BAYC Login Bathroom

【分析需求】
首先呢，有前端还有动画特效，好，我可能要会使用或读懂前端三巨头。
网站连动到 MetaMask，好，我可能要用 metamask.io, React.js。
查询并检验 NFT 持有者的地址，好，我可能会用到 opensea.js, ethers.js, web3。

其实规划的当下并没有很确定未来自己会用到什麽，所以就是疯狂上网查资料把可能用的或可以用到的全部都集合起来，再慢慢细看哪个东西可以在实作上帮助我。

// 跟各位分享一个 Youtube 影片，我现在的情况真的很像这样...
// C hashtag?

经过我的「研究」之後发现，不管是 React.js, Solidity 等我很有可能需要具备的东西，都是跟 HTML + CSS + JavaScript 息息相关的（至少长的很像），所以管他什麽以太坊钱包连动还是检查该地址持有的 Tokens，反正前端三巨头先学会就对了！到时候如果真的做不出来至少我的按钮还会发光！（错误观念）

幸亏前端三巨头的环境建置非常容易，Visual Code 打开然後 Extensions 给他用下去就好！这边就不细讲了，网路上应该很多资源讲得比我更精准！

【MetaMask】
这边超级精简地介绍一下什麽是 MetaMask。 它是一款支援以太链上加密货币的虚拟钱包，可以归类成一种私钥管理器，并不会储存大家的钱包资料、密码、私钥。
支援平台：Browser Extension, Mobile app
支援功能：可与 DApp 互动、能保存 ERC-20 发行的币种（只能显示 ETH）
支援语言：English
官方网站：metamask.io

【小结】
虽然还没有开始应对需要具备的知识，但有对於 Project 分析的过程以及不断的与团队成员 Meeting 後，真的有对自己该做什麽事情有很大的了解。尤其是学习计画的排程，这让我知道此时此刻自己应该往哪个方向去准备，还有我剩下多少时间、需要多少时间。

过去在学校学习的过程可能都很强调个人能力，像是 Coding 要多厉害又多厉害，还是自己能考多高分、羡慕别人考多高分。但在这样一个团队合作的 Project 之中，多方沟通进而了解需求并且准确地实践是最重要的。因为如果没有确认好自己该做什麽，即便成品多麽 Fancy 也是要打掉重做的！