Day02_四個畫面

2025 iThome 鐵人賽

DAY 2

Modern Web

FlowNest系列第 2 篇

17th鐵人賽

小保

2025-09-13 19:40:43

86 瀏覽

分享至

繼續前進

呈昨天的wireframe，基本的UIUX都大致決定，今天開始實作。

現在做好了四個畫面

Welcome Page：後來選用男生的圖(用svg圖檔的方式放到專案資料夾)
Focus Setup Page：選擇時間後可以點擊start按鈕
Focus Timer Page：倒數畫面加入呼吸球（使用Three.js這個JS函式庫)
Done Page：任務完成提示及「Return Home」。

希望在乎細節多一點

其實今天做的也和AI一起共編，真的說學到了什麼....好像也沒有，但又總覺得細節很重要，但在共編的過程，常常是我告訴他做什麼，叫他實現；現在使用的是小c提供的codex(在windsurf ide 執行)、還有IDE本身其自備的SWE編程功能。
現在畫面展示如下(使用ScreenToGif錄製、上傳到giphy)
flownest
PS.最近在減肥，但今天吃了鮭魚親子丼，好罪惡...