個人專案 / 2026.04
LINE 點餐系統
讓顧客在 LINE 就能快速點餐,店家用同一套後台管理訂單與菜單
閱讀 約 3 分鐘網頁應用
專案簡介
這是一套給餐飲店使用的 LINE 點餐系統。顧客不需要下載新 App,只要打開 LINE 就能點餐;店家則可以在後台即時看訂單、改菜單、查營運數據。
我希望解決的是「接單混亂、資訊不同步、人工確認太花時間」這三個最常見問題。

這套系統適合誰?
- 便當店、自助餐、小吃店
- 飲料店、甜點店、咖啡店
- 想從電話接單改成線上接單的店家
可以幫店家解決什麼問題?
- 尖峰時段不再靠人工抄單,降低漏單機率
- 顧客可自己查訂單狀態,減少重複詢問
- 菜單可即時更新,不用一直回覆「今天賣完了嗎」
- 每日營收與熱銷品一眼看懂,做決策更快
顧客使用流程
- 在 LINE 開啟點餐頁面
- 選餐、加入購物車、填寫取餐資訊
- 送出訂單後,隨時查看最新狀態

店家後台可以做什麼?
- 用看板方式管理訂單進度(待確認、製作中、待取餐)
- 快速搜尋訂單與顧客電話
- 新增/修改菜單、調整價格、上傳餐點圖片
- 一鍵切換「上架中 / 已賣完 / 已下架」
- 查看營收趨勢與熱銷品排行
這套系統的實用特色(白話版)
- 不怕重複送出:顧客網路不穩重按,也不會重複出單
- 尖峰更穩定:高峰時段仍能維持有序接單
- 狀態清楚:店家與顧客看到同一份訂單進度
- 通知可補發:若通知一時失敗,系統會自動再試
- 權限分工:老闆和店員看到的功能不同,避免誤操作
成果與收穫
- 完成「顧客點餐 + 店家管理」的可運作 MVP
- 將常見人工流程(接單、改單、查單)整理成標準化操作
- 建立可擴充的基礎,未來可再加會員、優惠、外送範圍與金流
可客製方向
- 品牌色系與頁面風格
- 外送規則與服務範圍
- 會員機制與優惠活動
- 多分店管理
- 串接第三方支付
專案資訊
技術棧
LINE LIFFReact + TypeScriptSupabaseTailwind CSSRecharts
類型個人專案
完成時間2026.04
分類網頁應用