iT邦幫忙

2025 iThome 鐵人賽

DAY 9
0
生成式 AI

30 天 Vibe Coding:全端 × 機器學習的實作挑戰系列 第 9

Day 9|30 天 Vibe Coding:只看數字,完全想不起來我在幹嘛

  • 分享至 

  • xImage
  •  

昨天做了「搜尋與篩選」,可以快速找到某個月、某個分類的支出
但問題來了:找到之後,還是只看到「2025/09/05 | 飲食 | $1400」……那天到底吃了什麼?和誰?為什麼?
只靠金額 + 分類,實在太冷冰冰了,根本無法還原情境

所以今天要補上一個最重要的欄位:備註。


今日目標

  1. 新增支出時,能填寫備註(例如「和同學聚餐」、「Uber 計程車」)
  2. 備註會一起存進 Firestore
  3. 清單顯示時,除了「日期 | 類別 | 金額」之外,也能看到備註(或至少摘要)

給 Cursor 的 Prompt(僅供參考)

幫我在 SwiftUI 記帳 App(已經有 Firestore、分類、篩選功能)加上「備註」欄位。

=== 功能需求 ===
1. Firestore 結構
   - 每筆支出增加 `note: String?`
   - 儲存時一併寫入

2. UI
   - 新增支出表單加一個 TextField(placeholder: "備註(選填)")
   - 輸入完成 → 存到 Firestore

3. 清單顯示
   - 每筆紀錄顯示:日期 | 類別 | 金額 | 備註
   - 若備註太長,可截斷顯示前 20 字,加上 "..."

4. 篩選
   - 保持既有篩選邏輯,備註不影響搜尋條件

今日驗收 ✅

  1. 新增支出時,可以輸入備註
    https://ithelp.ithome.com.tw/upload/images/20250905/20140998qZLh4vbKbB.png
  2. 清單顯示時,能看到備註內容(或簡短預覽)
    https://ithelp.ithome.com.tw/upload/images/20250905/20140998ffVZlNSUPg.png
  3. Firestore 文件結構有 note 欄位,資料正確儲存
    https://ithelp.ithome.com.tw/upload/images/20250905/20140998CTxvYR4xPz.png
  4. 舊資料(沒有 note 欄位的紀錄)依然能正常顯示,不會壞掉

加上備註後,整個帳本「活」起來了
以前翻紀錄只看到一堆金額,現在卻能瞬間喚起記憶:「啊,這就是上次和同學吃燒肉的那次!」
雖然只是小小一欄,卻讓這個記帳 App 更貼近真實生活

我的程式碼放在這裡:2025ithome-ExpenseTracker


明日預告

Day 10 要做的功能是:匯出與備份
畢竟資料再怎麼存在雲端,還是會怕萬一要遷移或留個本地副本
所以明天的目標就是:支援匯出 CSV/JSON,讓我的帳本能帶著走、不怕遺失!


上一篇
Day 8|30 天 Vibe Coding:想翻舊帳還翻不出來
下一篇
Day 10|30 天 Vibe Coding:帳本一匯出,全是我不想承認的事實
系列文
30 天 Vibe Coding:全端 × 機器學習的實作挑戰14
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言