Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

我的餐廳清單

一個使用 Node.js + Express 打造的餐廳美食網站,可依照餐廳名稱與類別進行搜尋。

專案畫面

image

image

image

Features - 產品功能

  1. 使用者可以點擊任一餐廳,查看更多餐廳資訊,如地址、電話與簡介
  2. 使用者可以依照中文名稱、英文名稱與餐廳類別進行搜尋
  3. 使用者可以新增/刪除/編輯餐廳資訊
  4. 使用者可以註冊會員
  5. 使用者可以透過Facebook登入

Environment SetUp - 環境建置

Node.js

Installing - 專案安裝流程

  1. 打開你的 terminal,Clone 此專案至本機電腦
git clone https://github.com/AlanChiangg/reataurant-list.git
  1. 開啟終端機(Terminal),進入存放此專案的資料夾
cd reataurant-list
  1. 安裝 npm 套件
npm install
  1. 安裝 nodemon 套件
npm i -g nodemon 
  1. 安裝完畢後,設定環境變數,請參照.env.example
FACEBOOK_ID=SKIP
FACEBOOK_SECRET=SKIP
FACEBOOK_CALLBACK=http://localhost:3000/auth/facebook/callback
SESSION_SECRET=ThisIsMySecret
MONGODB_URI=mongodb+srv://<Your MongoDB Account>:<Your MongoDB Password>@cluster0.xxxx.xxxx.net/<Your MongoDB Table><?retryWrites=true&w=majority
PORT=3000
  1. 建立種子資料,已先預設兩組帳號
npm run seed
帳號:user1@example.com      帳號:user2@example.com
密碼:12345678               密碼:12345678
  1. 啟動伺服器,執行 app.js 檔案
npm run dev
  1. 當 terminal 出現以下字樣,表示伺服器與資料庫已啟動並成功連結
Express is running on http://localhost:3000

使用工具

  • Visual Studio Code - 開發環境
  • Express - 應用程式架構
  • Express-Handlebars - 模板引擎
  • MongoDB - 資料庫

Contributor - 專案開發人員

AlanChiangg

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages