餐廳清單

---

• 美食餐廳清單
  • 具有詳細介紹頁面
  • 可依名稱及類別搜尋餐廳

專案畫面

---

Features - 產品功能

---

• 首頁
  • 搜尋功能
    1. 可依餐廳名稱或餐廳類別做關鍵字搜尋
  • 餐廳清單
    1. 餐廳照片
    2. 餐廳名稱
    3. 餐點類別
    4. 餐廳評分
• 詳細資料頁面
  1. 餐點類別
  2. 餐廳地址
  3. 餐廳電話
  4. 餐廳詳細介紹
  5. 餐廳照片

Environment SetUp - 環境建置

---

• Visual Studio Code
• Node.js
• Express
• Express-handlebars

Installing - 專案安裝流程

---

1. 打開你的 terminal，Clone 此專案至本機電腦

git clone https://github.com/BearK0515/restaurant_list.git

2. 進入存放此專案的資料夾

cd restaurant_list

3.安裝 npm 套件

npm install

4. 安裝 nodemon 套件

npm install -g nodemon

5. 用Visual Studio Code開啟專案

code .

6. 開啟檔案

nodemon app.js

7. 當 terminal 出現以下字樣，表示伺服器與資料庫已啟動並成功連結

Express is listening on localhost:3000

最後在瀏覽器網址輸入 http://localhost:3000 就可以使用了。

Contributor - 專案開發人員

---

BearK