/expense-tracker

Primary LanguageJavaScript

介紹

一個簡單的網路記帳工具。

專案畫面

image

產品功能

  1. 使用者可以瀏覽他的支出紀錄
  2. 使用者可以註冊及登入帳號
  3. 使用者可以用facebook登入
  4. 使用者可以根據「類別」篩選支出
  5. 新增一筆支出
  6. 編輯支出的屬性
  7. 刪除任何一筆支出

開發工具

  1. Node.js 14.16.0
  2. Nodemon 2.0.15
  3. Express 4.17.3
  4. Express-handlebars 3.0.0
  5. Bootstrap 5.1.3
  6. Font Awesome 5.0.9
  7. MongoDB
  8. mongoose 5.9.7
  9. bcryptjs 2.4.3
  10. express-session 1.17.2
  11. passport 0.4.1
  12. connect-flash 0.1.1
  13. dotenv 8.2.0
  14. moment 2.29.2

專案安裝流程

  1. 請先安裝 Node.js、npm 與 Mongodb
  2. 打開你的終端機，開啟資料庫，並將此專案 Clone 到本地
git clone https://github.com/yanpin0524/expense-tracker.git
  1. 之後進入專案資料夾，輸入
npm install
  1. 安裝完畢後，輸入以下內容 載入種子資料
npm run seed
  1. 若是跑出 "種子資料 載入結束" 代表成功，請繼續輸入以下內容 開始運行網站
npm run start
  1. 若是跑出 "網站已開啟：http:/localhost:3000" 代表成功，現在可以輸入網址了
http:/localhost:3000
  1. 可以用以下模擬帳號登入並開始體驗網站
帳號 seed@test.com
密碼 12345678
  1. 要結束運行請按下 ctrl + c

專案開發人員

yanpin0524