錢途|記帳 App
把記帳變成朝目標前進的行動
一個目標導向的記帳 App:真雲端資料庫、會員登入(含 Google 一鍵登入)、存錢目標進度環、日曆優先輸入、圓餅圖與年趨勢,還有 Splitwise 式的活動分帳。上線至今每天實際使用中。
開啟網站
解決什麼問題
記帳 App 為什麼記到最後都放棄?只看得到「這個月花了多少」,看不到「為了什麼而省」;有存錢目標(買車、買房、結婚)卻不知道自己走到哪、這個月有沒有落後;補帳還要層層點選,久了就懶得記。
怎麼做到的
- 目標導向:設定「目的+金額+期限」,主畫面大進度環顯示離目標多遠、本月是否落後、該省哪裡
- 完整會員系統:密碼加鹽雜湊、Google 一鍵登入,資料存 Cloudflare D1 雲端資料庫
- 日曆優先輸入:先點日期再記收支,日曆格子直接顯示每天花費,可切月/年檢視趨勢
- 活動分帳:建活動、邀請碼邀朋友加入,各自記花費、勾選由誰均分,系統用最少轉帳筆數算出誰付誰多少
成果
- 從 0 到 1 做出全端功能:前端+後端+資料庫+部署,零框架、零伺服器費用
- 依真實使用回饋迭代 7 個版本:從雙人版果斷收斂成「個人記帳+活動分帳」雙軌
- 上線運作中,是每天實際在用的真帳本
為什麼做這個
這個專案給我兩個帶得走的教訓。一是產品判斷:初版做雙人共用帳本,實際用了才發現記帳以個人為主,果斷收斂成個人版、把共同開銷獨立成活動分帳,資料結構保留未來可無痛擴充——砍功能比加功能更需要勇氣。二是資料紀律:開發時曾誤刪正式資料庫裡的真實帳號,從此立下「測試只碰本機資料庫、絕不動正式資料」的鐵律。真實用戶每天在用,回饋最誠實。
畫面
更新紀錄
活動分帳 × 個人記帳雙軌
新增活動分帳:建立活動、邀請碼邀朋友,各自記花費並勾選由誰均分,系統自動算每人淨額、用最少轉帳筆數給出「誰要付給誰多少」;個人記帳同步收斂成真正的個人帳本。
視覺改版:清爽學院風配色
整體視覺調整為清新的青綠色系,分類加上圖示、卡片更圓潤。
Google 一鍵登入
串接 Google OAuth,密鑰全程只在後端、不進前端。
「錢途」改版:目標導向 × 儀表板
全面改版並更名為錢途——儀表板版面、存錢目標英雄區、圓餅圖與年趨勢、日曆優先輸入。
存錢目標與使用者身份
加入目標導向記帳(目的+金額+期限+進度)與學生/上班族身份,帶出不同分類與用詞。
記帳功能補完
新增收入層面、月份篩選、編輯、分類統計,從單純支出擴充為完整收支帳本。
首版上線
以真雲端資料庫(Cloudflare D1)+會員登入打造的記帳本首版,具備完整增查改刪。