此專案為 Express.js 搭配 MongoDB 資料庫的個人全端專案。
畫面部分使用 handlebars 樣板引擎與 bootstrap 5 實作簡單的畫面排版。
以 session cookie 實作登入驗證機制,使用者可以進行 FaceBook 與本地端註冊、登入與登出。
以 mongoose ODM 套件實作 Node.js 與 MongoDB 的資料存取與修改流程。
使用 ES7 async/await 語法包裝資料庫存取等非同步流程,提高程式碼可讀性。
登入成功後,使用者可以開始新增、瀏覽、修改、刪除自己的支出紀錄。
可以使用日期與支出類別等選項,篩選想要瀏覽的紀錄。
上方的總金額為下方支出紀錄的總和,更改篩選條件時,總金額也會同時更改。
體驗帳號: