餐廳清單2.0

供使用者依據自己的需求選擇想要的餐廳
供使用者可以新增、刪除、修改餐廳列表

功能

• 使用者可以在首頁看到所有餐廳與它們的簡單資料：

  • 餐廳照片
  • 餐廳名稱
  • 餐廳分類
  • 餐廳評分

• 使用者可以再點進去看餐廳的詳細資訊：

  • 類別
  • 地址
  • 電話
  • 描述
  • 圖片

• 使用者可以透過搜尋餐廳名稱來找到特定的餐廳

• 使用者可以透過搜尋餐廳類別來找到特定的餐廳

• 使用者可以透過搜尋餐廳地址來找到特定的餐廳

• 使用者可在搜尋過後取得總筆數

• 設置viewpoint，友善於不同尺寸的視窗閱讀

• 使用者可以更新餐廳詳細資訊

• 使用者可以刪除餐廳資訊

• 使用者可以新增餐廳資訊

參考畫面

使用工具

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

安裝與執行步驟

1. 開啟終端機，cd 到想要存放此專案的資料夾，輸入以下指令

git clone https://github.com/yujen77300/Restaurant_list

2. 進入存放此專案的資料夾，輸入以下指令

cd Restaurant_list

3. 安裝npm套件

npm install

4. 設定環境變數連線 MongoDB

MONGODB_URI=mongodb+srv://<Your MongoDB Account>:<Your MongoDB Password>@cluster0.xxxx.xxxx.net/<Your MongoDB Table><?retryWrites=true&w=majority

5. 執行此專案

npm run dev

6. 打開瀏覽器，輸入下列

localhost:3000