Fotricle 線上訂餐平台

---

使用 Vue.js 搭配 Tailwind 打造的線上訂餐平台。消費者可於線上訂餐，並查看餐車營業狀態及地點，使用 Google Map API，方便搜尋周遭餐車。餐車可用於上架商品並使用 POS 系統紀錄訂單資訊及數據統計。

Demo

Demo

測試帳號

消費者
    帳號：123@gmail.com
    密碼：123456
    功能：修改個人資料
         上傳大頭貼
         篩選餐車
         訂購產品
         查詢訂單記錄
         回饋單
         訊息通知

餐車業者
    帳號：123@gmail.com
    密碼：123456
    功能：商品列表 (CRUD)
         行事曆編輯
         餐車資料編輯
         現場點餐系統
         營業數據統計
         消費者回饋

平台功能

• 會員註冊 / 登入
• 查看及篩選餐車 (可於 google 地圖顯示並查看路線)
• 個人資訊編輯
• 上架商品
• 購買商品

使用技術

• Vue
• Vue CLI
• Vue Router
• Tailwind
• Git
• Google Map API

前端介面

首頁

登入註冊

餐車列表

列表模式：

地圖模式：

點餐

消費者：

餐車業主現場：

聲明

本作品僅供練習使用，不做任何商業用途