LazyBanker

Make your own financial tracker with simple input and graph analysis

專案展示

• 專案網址：https://lazybanker-webpack.web.app
• 測試帳號：[email protected]
• 測試密碼：test111

使用技術

|

組件架構

功能介紹

支援Email/Password 及 Google登入。

使用者登入後點擊新增按鈕，點選日期新增每日消費。

• 使用dayjs取的每月日期放入2維陣列後，以map方式取出render上圖表。
• 以Grid / CSS Styling Calendar Component 。

Dashboard 彙整 :

• 每日消費明細、金額總額。
• 當月、當前年度消費總額及分類佔比。

可用Filter篩選不同日期區間消費總額 :

不同頁面皆支援編輯、刪除:

Search查詢過往消費紀錄: