GitHub - kb274483/TrackExpenses: 紀錄你的消費
建立了一個新的Google帳號來當作範例,如果不想用自己的帳號登入但想試用得話
Demo用Google帳號:[email protected] Demo用Google密碼:!expen8181ese
或是可以加入我這個測試的群組
Demo用群組名稱:TestExpenese Demo用群組密碼:expenese 畫面:
先來說說為什麼要做這個好了, 主要是近期與老婆開始記帳分配消費等等的。 那因為我們一開始是使用google sheets在紀錄,雖然紀錄與計算功能什麼的都沒問題, 但是針對手機使用就沒那麼好操作, 然後目前線上的APP又以個人記帳居多,我也懶得每個都下載來看看適不適合我們使用。
所以就想著自己做一個好了,然後做成PWA的形式這樣也能接近App的操作體驗, 然後目前我還沒有針對離線操作做處理,沒有有效利用PWA的全部功能。
前端部分:Quasar框架Vue3 開發功能,樣式則是使用Tailwindcss。
(有些功能生成完專案後才發現好像用不到,例如:axios、pinia之類的,可能要看看我之後有沒有想要再加什麼功能囉)
後端部分:這次就沒有自己從頭寫後端了
是直接串接 Firebase的服務:
Authentication 做登入驗證並直接串 google登入 Realtime Database 儲存資料以及畫面即時更新 Hosting 用來部署網站 Functions 用來跑排程
目前功能有:
* 消費紀錄(以月為基準逐項紀錄每筆消費)
* 消費分佈(以圖表與表格方式顯示該月份各類別消費金額)
* 債務結算(計算該群組內所有人互相的債務關係)
* 群組管理 ~~(群組創建人可以自行決定是否將其餘成員踢出)~~
考慮到消費資料與債務結算的關係,暫時先將踢出成員的功能關閉。
* 群組設定(目前可以新增每月固定開銷設定,每天00:00排程取得群組內是否有固定開銷的資料,
並將資料添加至消費紀錄中)
原本還想要加上類似手機原生APP的通知功能,因為之前發現 IOS 16.4以上就可以做到了, 結果要啟用Apple的APNs必須先加入Apple的開發者帳戶,但成本好高(USD99/Year)還是先放棄。
我的想法是以Group群組為單位來設計的,這樣每個人都可以因應不同的狀況來建立群組(但似乎要增加一個刪除群組的功能才是),例如:我與我老婆可以有一個群組紀錄家庭開銷,也可以再創另一個群組紀錄自己的消費,或是一群朋友去玩也可以開一個群組給大家加入,這樣消費也可以清楚的紀錄並直接算出朋友之間的債務關係。