Vibe Coding 實戰手冊：30 天打造具備預算控管與數據視覺化的 React 記帳應用 系列

本系列文章記錄大一升大二暑假的 30 天開發挑戰，透過 Vibe Coding 與 AI 協作，從零開始設計並實作一款個人記帳系統。

開發內容包含記帳功能、分類管理、預算設定、動態預算警示，以及支出數據圖表等，也會逐步介紹 React 狀態管理、useMemo 效能優化與 localStorage 持久化儲存等技術。

除了功能與程式碼實作，也會分享開發過程中使用的 Prompt、與 AI 協作的方式，以及實際遇到的 Bug 和除錯過程。希望透過 30 天的開發紀錄，完整呈現一款記帳 App 從規劃、實作到完成的過程。