台北美食地圖

此專案提供使用者查詢台北各類型餐廳的資訊，例如：地址、電話、評分、敘述...等。

Features - 功能描述

• 使用者可以瀏覽全部所有餐廳。
• 使用者可於首頁瀏覽餐廳名稱、類別、評分、照片。
• 使用者可以瀏覽一家餐廳的詳細資訊，包括：餐廳地址、電話、敘述。
• 使用者可以點擊地址後 icon 進入店家於 google map 上的位置。
• 使用者可以點擊左上方台北美食地圖回到首頁。
• 使用者可於首頁搜尋列輸入關鍵字搜尋符合關鍵字描述的餐廳。
• 使用者輸入搜尋關鍵字，若無搜尋結果則跳出提示。
• 使用者可以使用美食類別查詢餐廳。

Screen Photo - 專案畫面

Installing - 專案安裝流程

1.開啟終端機(Terminal)，Clone 此專案至本機電腦。

git clone https://github.com/Chia-HuiHsueh/restaurant-list.git

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

cd restaurant-list

3.安裝 npm 套件

輸入 npm install 指令

4.安裝 Express 套件

輸入 npm i express指令

5.安裝 nodemon 套件

輸入 nodemon app.js 指令

6.啟動伺服器，執行 app.js 檔案

輸入nodemon app.js指令
於任一瀏覽器輸入 http://localhost:3000 

Environment SetUp - 環境建置

• Visual Studio Code - 開發環境
• Node.js - JavaScript 執行環境
• Express - 應用程式架構
• Express-Handlebars - 模板引擎