鐵人檔案
秉持 Vibe Coding 核心精神——免硬背繁複語法，而是以 AI（ChatGPT/Claude 等）作為隨身導師，透過「發問、生成、理解、除錯」的自然協作，用 30 天完成網頁開發的跨領域通關。
今日目標 在前幾天的開發中，我們已經搭好了資料庫 Schema、API 邏輯以及自動化測試。但空空如有的資料庫就像是沒有顧客的百貨公司——你看不出效能瓶頸，也無...
今日目標 從今天開始，我們正式邁入階段三：前端開發與 UI/UX 實作。要讓產品擺脫「工程師審美」的黑白雜亂感，第一步不是直接刻頁面，而是打造一套統一且好擴充的...
今日目標 昨天我們完成了 Tailwind CSS 與 shadcn/ui 的 Design System（設計系統）配置。今天，我們要正式把應用程式的「骨架」...
今日目標 在昨天建立好 App 的響應式 Layout 與 Navigation 後，今天我們要迎來前端開發最核心、也最容易讓人頭痛的魔王關卡——表單（Form...
「資料不只是抓過來，還要抓得優雅」 昨天我們搞定了複雜的交易紀錄表單（Form），今天我們要讓前端正式與後端 API 溝通。告別傳統混亂的 useEffect...
「一張好圖表，勝過千言萬語。」昨天我們透過 TanStack Query 成功拉取了用戶的交易紀錄。今天，我們要將這些冰冷的數字轉化為直觀、動態且視覺效果優良的...
在完成了 API 串接與圖表繪製後，我們的 AI 智慧個人財務追蹤器 (Smart Finance Tracker) 已經具備了完整的骨架與肌肉。但要讓使用者感...
