此專案提供使用者查詢台北各類型餐廳的資訊,例如:地址、電話、評分、敘述...等。
- 使用者可以瀏覽全部所有餐廳。
- 使用者可於首頁瀏覽餐廳名稱、類別、評分、照片。
- 使用者可以瀏覽一家餐廳的詳細資訊,包括:餐廳地址、電話、敘述。
- 使用者可以點擊地址後 icon 進入店家於 google map 上的位置。
- 使用者可以點擊左上方台北美食地圖回到首頁。
- 使用者可於首頁搜尋列輸入關鍵字搜尋符合關鍵字描述的餐廳。
- 使用者輸入搜尋關鍵字,若無搜尋結果則跳出提示。
- 使用者可以使用美食類別查詢餐廳。
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
- Visual Studio Code - 開發環境
- Node.js - JavaScript 執行環境
- Express - 應用程式架構
- Express-Handlebars - 模板引擎