Vibe Coding
Vibe Coding 實戰手冊:30 天打造具備預算控管與數據視覺化的 React 記帳應用
本系列文章記錄大一升大二暑假的 30 天開發挑戰,透過 Vibe Coding 與 AI 協作,從零開始設計並實作一款個人記帳系統。
開發內容包含記帳功能、分類管理、預算設定、動態預算警示,以及支出數據圖表等,也會逐步介紹 React 狀態管理、useMemo 效能優化與 localStorage 持久化儲存等技術。
除了功能與程式碼實作,也會分享開發過程中使用的 Prompt、與 AI 協作的方式,以及實際遇到的 Bug 和除錯過程。希望透過 30 天的開發紀錄,完整呈現一款記帳 App 從規劃、實作到完成的過程。