• 使用者可使用Facebook、Google或LINE帳號登入本專案
• 點擊每一張餐廳的卡片，即可瀏覽該餐廳的詳細資訊
• 點擊首頁右下角+號，可新增餐廳
  • 支援使用者上傳餐廳照片
  • 沒有上傳照片的情況下，系統會自動提供預設餐廳照片
• 可執行簡易搜尋
  • 目前支援搜尋餐廳名稱、類型、地址與描述內容
• 可根據餐廳評分與類型進行排序
• 可根據餐廳類型進行篩選
  • 支援複數篩選條件
• 支援使用者上傳頭像圖片、修改顯示名稱
  • 除展示用帳號、與透過第三方帳號登入本專案的使用者以外，支援修改登入密碼
  • 除展示用帳號以外，支援刪除帳號

• git
• Node.js
• npm

1. git clone https://github.com/tzynwang/ac_assignment_2-3_w1_restaurants-re.git
2. cd ac_assignment_2-3_w1_restaurants-re
3. 從此份表單取得ID與金鑰資訊
4. code .開啟本專案，將根目錄.env.example檔案中列為SKIP的部分替換為透過步驟3取得的相關ID與金鑰內容
5. 將.env.example檔案名稱修改為.env
6. npm install
7. npm run seed
8. npm run start
9. 待終端機出現「Express is listening on localhost:3000/welcome」字樣後，即可使用瀏覽器開啟本專案：http://localhost:3000/welcome
10. 展示用帳號：
    • Email： [email protected]
    • 密碼：12345678
    • 備註：展示用帳號無法體驗「修改密碼」與「刪除帳號」之功能

• unDraw：專案首頁主視覺圖片
• Hiring Artists Website Design：專案首頁版面設計參考
• BOOTSWATCH: Journal：專案CSS模板
• Material: Color palettes：專案配色計算機
• DiceBear Avatars：使用者頭像API

Charlie (Tzu Yin)

• Email: tzyn.wang🍩gmail.com（🍩→@）
• Blog: 普通文組