Skip to content

Lianginger/expense-tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

44 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

logo

家庭記帳本

這是一個使用 Express + MongoDB 打造的超實用家庭記帳本,隨時記錄花出去的錢,透過統計圖表快速掌握各月份、不同類別的總花費。 👉 Demo website

歡迎使用下面提供的種子帳戶登入,看看我的花費支出吧!
( 看看就好,登入後請別幫我增加 / 刪除我的紀錄喔~ 😉)

Email:ginger@mail.com
Password:123456

畫面截圖

功能:

  • 註冊帳號登入 / Facebook 快速登入
  • 修改帳戶名稱、上傳大頭貼照片
  • 支出統計圖表:各類別花費占比、每月花費累積
  • 密碼使用 bcrypt 處理
  • 新增一筆支出記錄時,日期自動預設為今天
  • 依月份、分類別篩選支出紀錄,並計算出總金額
  • 瀏覽所有支出紀錄,並新增 / 修改 / 刪除任何支出紀錄

網站功能

網站功能

網站功能

安裝前提

如何安裝

開啟終端機( Terminal ),Clone 這個專案

git clone https://github.com/Lianginger/expense-tracker.git

切換目錄進入專案資料夾,並下載所有相依套件

cd expense-tracker
npm install

環境設定

若要使用 Facebook 登入功能,在專案目錄資料夾內新增一個名為 .env 的檔案,並把 Facebook 提供的 App ID、App Secret 放到變數裡

//.env
FACEBOOK_ID=你的 Facebook App ID
FACEBOOK_SECRET=你的 Facebook App Secret
FACEBOOK_CALLBACK=http://localhost:3000/auth/facebook/callback

匯入種子資料

npm run seeder

當看到畫面中出現 Creating seeder data is finished! 即表示種子資料已匯入完成,連按兩次 ctrl+c 結束工作。

啟動伺服器

執行 app.js 檔案

node app.js

當終端機( Terminal )出現以下字樣

The Express server is running
Mongodb is connected!

即表示伺服器與資料庫已啟動並連結成功,在瀏覽器輸入 http://localhost:3000 就可以開始使用嘍!

歡迎使用種子帳戶登入,體驗完成記帳功能

Email:ginger@mail.com
Password:123456

About

一個使用 Express + MongoDB 打造的超實用家庭記帳本

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published