錢途|記帳 App

把記帳變成朝目標前進的行動

一個目標導向的記帳 App:真雲端資料庫、會員登入(含 Google 一鍵登入)、存錢目標進度環、日曆優先輸入、圓餅圖與年趨勢,還有 Splitwise 式的活動分帳。上線至今每天實際使用中。
開啟網站

解決什麼問題

記帳 App 為什麼記到最後都放棄?只看得到「這個月花了多少」,看不到「為了什麼而省」;有存錢目標(買車、買房、結婚)卻不知道自己走到哪、這個月有沒有落後;補帳還要層層點選,久了就懶得記。

怎麼做到的

  • 目標導向:設定「目的+金額+期限」,主畫面大進度環顯示離目標多遠、本月是否落後、該省哪裡
  • 完整會員系統:密碼加鹽雜湊、Google 一鍵登入,資料存 Cloudflare D1 雲端資料庫
  • 日曆優先輸入:先點日期再記收支,日曆格子直接顯示每天花費,可切月/年檢視趨勢
  • 活動分帳:建活動、邀請碼邀朋友加入,各自記花費、勾選由誰均分,系統用最少轉帳筆數算出誰付誰多少

成果

  • 從 0 到 1 做出全端功能:前端+後端+資料庫+部署,零框架、零伺服器費用
  • 依真實使用回饋迭代 7 個版本:從雙人版果斷收斂成「個人記帳+活動分帳」雙軌
  • 上線運作中,是每天實際在用的真帳本

為什麼做這個

這個專案給我兩個帶得走的教訓。一是產品判斷:初版做雙人共用帳本,實際用了才發現記帳以個人為主,果斷收斂成個人版、把共同開銷獨立成活動分帳,資料結構保留未來可無痛擴充——砍功能比加功能更需要勇氣。二是資料紀律:開發時曾誤刪正式資料庫裡的真實帳號,從此立下「測試只碰本機資料庫、絕不動正式資料」的鐵律。真實用戶每天在用,回饋最誠實。

畫面

錢途|記帳 App 畫面截圖

更新紀錄

v1.3
2026-07-12

活動分帳 × 個人記帳雙軌

新增活動分帳:建立活動、邀請碼邀朋友,各自記花費並勾選由誰均分,系統自動算每人淨額、用最少轉帳筆數給出「誰要付給誰多少」;個人記帳同步收斂成真正的個人帳本。

v1.2
2026-07-10

視覺改版:清爽學院風配色

整體視覺調整為清新的青綠色系,分類加上圖示、卡片更圓潤。

v1.1
2026-07-10

Google 一鍵登入

串接 Google OAuth,密鑰全程只在後端、不進前端。

v1.0
2026-07-10

「錢途」改版:目標導向 × 儀表板

全面改版並更名為錢途——儀表板版面、存錢目標英雄區、圓餅圖與年趨勢、日曆優先輸入。

v0.3
2026-07-10

存錢目標與使用者身份

加入目標導向記帳(目的+金額+期限+進度)與學生/上班族身份,帶出不同分類與用詞。

v0.2
2026-07-09

記帳功能補完

新增收入層面、月份篩選、編輯、分類統計,從單純支出擴充為完整收支帳本。

v0.1
2026-07-09

首版上線

以真雲端資料庫(Cloudflare D1)+會員登入打造的記帳本首版,具備完整增查改刪。

其他作品