tags: iThome 鐵人賽 30天

在開始之前，先來想想要做什麼前端網頁專案吧！畢竟有一個明確的目標才會比較有動力跟方向嘛~

需求

因為本身研究所在做的題目跟學習平台有關，遇到不會的地方需要找教學資源都會上網去尋找，而有些資源會出現在YouTube的影片內。

遇到問題

YouTube雖然有很多有用的影片，但如果影片中的多個小片段才是你所需要看的時候可能需要另外把各個時間點記錄下來以便下次觀看並切換時間點。

希望需求

所以希望有個時間點標記並記錄一小段筆記的功能，在我下次進入影片時就能很快找到自己要查看的位置。

影片標記筆記系統

上面這張圖是預想的影片筆記功能，左邊是影片介面，右邊是標記時間與筆記的地方，大致上希望能跟YouTube差異不大，這樣比較不會有不習慣的感覺?。

需求功能

• 能有正常YouTube使用操作
• 能有標記的開始時間
• 標記能做一些簡單的描述 (Markdown)
• 刪除標記
• UI/UX設計

後記

以上大致是我的需求，筆記用了Markdwon格式希望能建立快速好看的筆記，當然如果有想到其他好用的功能之後也會再繼續補充，讓功能更加完善！

之後將會以這個專案來開始建構React的網頁~就讓我們一起繼續努力吧！

另外
對資安有興趣的話可以看這篇
資安新人30
對React打造Mapbox有興趣的話可以看這篇
打造你的主題地圖！Mapbox 也可以！(ft. React)