鐵人檔案
本系列文章記錄大一升大二暑假的 30 天開發挑戰，透過 Vibe Coding 與 AI 協作，從零開始設計並實作一款個人記帳系統。
開發內容包含記帳功能、分類管理、預算設定、動態預算警示，以及支出數據圖表等，也會逐步介紹 React 狀態管理、useMemo 效能優化與 localStorage 持久化儲存等技術。
除了功能與程式碼實作，也會分享開發過程中使用的 Prompt、與 AI 協作的方式，以及實際遇到的 Bug 和除錯過程。希望透過 30 天的開發紀錄，完整呈現一款記帳 App 從規劃、實作到完成的過程。
今天我幫App做了兩個大的升級：加入 React Router，把原本塞在一起的功能拆成不同頁面；同時完善多幣別的換算與顯示。 用 React Router 把...
我今天幫 App 新增了歷史月報與跨月趨勢分析。前面的功能主要是在看「這個月花了多少」，今天進一步把不同月份的資料整理起來，讓使用者可以比較每個月的收入、支出與...
在原計劃中Day 23的目標是與外部 API 串接，但先前為了整體性我提早做好了這部分，於是今天主要是繼續優化前幾天加入的匯率功能。除此之外我還新增了「錢包」和...
今天主要目標是幫記帳 App 加入操作提示，讓使用者在執行動作後，可以知道功能是否成功。除了提示功能之外，今天也一起優化了多國語言與設定頁面，將介面語言擴充成繁...
今天進入第二十五今天的目標，使用 useContext 與 Custom Hook 重構 App 的狀態管理，減少原本需要一層一層傳遞的 Props。不過在完成...
