asterchang96 / restaurant_list

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

我的餐廳清單

這是一個 Node.js + Express 打造的搜尋餐廳清單
測試帳密:user2@example.com / 12345678

產品功能

  • 登入登出功能,也可以選擇使用臉書帳號登入
  • 首頁可以看到所有餐廳與它們的簡單資料
  • 輸入 "餐廳名稱" 及 "餐廳類別" 進行搜尋
  • 點選 "餐廳類別" 按鈕進行搜尋
  • 可以檢視餐廳詳細資訊,包含類別、地址、電話、描述、圖片
  • 可以新增餐廳資訊
  • 可以重新編輯餐廳資訊

環境建置與需求

安裝流程

  1. 打開你的終端機(terminal),Clone 此專案至本機電腦
git clone https://github.com/asterchang96/restaurant_list.git
  1. 進入至專案資料夾
cd restaurant_list
  1. 安裝 npm 相關套件
npm install
  1. 載入預設資料
node models/seeds/restaurantSeeder.js
  1. 啟動專案
npm run dev
  1. 當 終端機(terminal) 出現以下字樣,代表執行成功
Express is listening on localhost: 3000.

請至 http://localhost:3000

成果截圖

登入頁 首頁 詳細餐廳資訊

開發者

AsterChang

About


Languages

Language:Handlebars 50.8%Language:JavaScript 37.2%Language:CSS 11.4%Language:Shell 0.5%