給使用者的日常記帳
- 查看所有的紀錄
- 逐一新增消費資訊
- 逐一修改消費資訊
- 逐一刪除目標紀錄
- 用類別排序所有的紀錄
- 會員登入
-
請先確認有安裝 node.js 與 npm
-
將專案 clone 到本地
git clone https://github.com/lomo007/expense-tracker.git
-
在本地開啟之後,透過終端機進入資料夾,輸入:
cd expense-tracker -
輸入 npm install,載入node_modules
npm install
-
在expense-tracker資料夾下新增.env檔案,在檔案內新增環境參數,或是於本地新增:
MONGODB_URI= #Your MongoDB Account String SESSION_SECRET= #自訂義 eg:ThisIsHisSecret PORT=3000 FACEBOOK_ID= #FACEBOOK_ID=Meta for developers 應用程式編號 FACEBOOK_SECRET= #FACEBOOK_SECRET=Meta for developers 應用程式密鑰 FACEBOOK_CALLBACK=http://localhost:3000/auth/facebook/callba
-
載入種子資料。終端機出現'mongodb connected'表示伺服器連線成功。'...done'表示種子資料載入成功。
npm run seed
-
執行渲染畫面:
npm run start
-
終端機出現"Express is listening on http://localhost:3000" 則代表順利運行,打開瀏覽器到以下網址:
http://localhost:3000
-
暫停使用
ctrl + c
-
測試帳號
"name": "廣志",
"email": "user1@example.com",
"password": "12345678"
"name": "小新",
"email": "user2@example.com",
"password": "12345678"- Node.js 12.12.0
- Express 4.16.4
- Express-Handlebars 3.0.0
- Bootstrap 5.0.2
- Font-awesome 6.2.0
- body-parser 1.20.1
- method-override 3.0.0
- mongoose 5.0.7
- bcryptjs 2.4.3
- connect-flash 0.1.1
- express-session 1.17.1
- passport 0.4.1
- passport-facebook 3.0.0
- passport-local 1.0.0
- dayjs ^1.11.6