個人專案 / 2026.04

LINE 點餐系統

讓顧客在 LINE 就能快速點餐,店家用同一套後台管理訂單與菜單

閱讀 約 3 分鐘網頁應用

專案簡介

這是一套給餐飲店使用的 LINE 點餐系統。顧客不需要下載新 App,只要打開 LINE 就能點餐;店家則可以在後台即時看訂單、改菜單、查營運數據。

我希望解決的是「接單混亂、資訊不同步、人工確認太花時間」這三個最常見問題。

LINE 點餐前台

這套系統適合誰?

  • 便當店、自助餐、小吃店
  • 飲料店、甜點店、咖啡店
  • 想從電話接單改成線上接單的店家

可以幫店家解決什麼問題?

  • 尖峰時段不再靠人工抄單,降低漏單機率
  • 顧客可自己查訂單狀態,減少重複詢問
  • 菜單可即時更新,不用一直回覆「今天賣完了嗎」
  • 每日營收與熱銷品一眼看懂,做決策更快

顧客使用流程

  1. 在 LINE 開啟點餐頁面
  2. 選餐、加入購物車、填寫取餐資訊
  3. 送出訂單後,隨時查看最新狀態

店家後台訂單看板

店家後台可以做什麼?

  • 用看板方式管理訂單進度(待確認、製作中、待取餐)
  • 快速搜尋訂單與顧客電話
  • 新增/修改菜單、調整價格、上傳餐點圖片
  • 一鍵切換「上架中 / 已賣完 / 已下架」
  • 查看營收趨勢與熱銷品排行

這套系統的實用特色(白話版)

  • 不怕重複送出:顧客網路不穩重按,也不會重複出單
  • 尖峰更穩定:高峰時段仍能維持有序接單
  • 狀態清楚:店家與顧客看到同一份訂單進度
  • 通知可補發:若通知一時失敗,系統會自動再試
  • 權限分工:老闆和店員看到的功能不同,避免誤操作

成果與收穫

  • 完成「顧客點餐 + 店家管理」的可運作 MVP
  • 將常見人工流程(接單、改單、查單)整理成標準化操作
  • 建立可擴充的基礎,未來可再加會員、優惠、外送範圍與金流

可客製方向

  • 品牌色系與頁面風格
  • 外送規則與服務範圍
  • 會員機制與優惠活動
  • 多分店管理
  • 串接第三方支付

專案資訊

技術棧

LINE LIFFReact + TypeScriptSupabaseTailwind CSSRecharts
類型個人專案
完成時間2026.04
分類網頁應用