NO. 003 · App 應用
SipSpot 飲料揪團訂餐 App
SipSpot 是一款專為辦公室與三五好友設計的飲料揪團訂餐 App。想揪下午茶時，發起人先用定位找到周邊的飲料店、查看菜單，選定店家後開一個揪團，App 會產生一條分享連結；把連結丟進群組，成員點開就直接加入這次揪團，各自從菜單挑選想喝的。發起人能即時看到所有人點了什麼，結團時系統自動彙總總金額、計算每個人該付多少，連代訂費都能一起分攤，省去訊息接龍漏單、事後一筆筆算錢的麻煩。iOS 與 Android 雙平台皆可使用。
FEATURES · 功能特色
- 定位尋找周邊飲料店
- 飲料店菜單查詢
- 一鍵開揪團
- 分享連結邀人加入
- 即時彙總團內點餐
- 自動計算金額與分攤
BACKGROUND
專案背景
揪下午茶看似簡單，實際上常是一場混亂：在群組裡用訊息接龍點餐，訊息一多就容易漏單、改單；發起人要從一長串對話裡湊出每個人點什麼，事後還得一筆筆算錢、收錢。這款 App 把整個揪團訂餐的流程收進一個地方——從找店、開團、分享、點餐到結算分攤，讓發起人不再對著聊天記錄人工核對。
CHALLENGES
面臨的挑戰
- 揪團是多人即時協作，發起人與成員各自在不同裝置上操作，點餐狀態必須同步呈現，發起人才能即時掌握目前團裡有誰、點了什麼
- 周邊飲料店與菜單資料量大且分散，要讓使用者一打開就能就近找到店家並查到菜單，資料的取得與整理是一大工程
- 「點連結就加入揪團」要做到順暢——不必先繁瑣註冊、流程不卡關，連結要能準確把人帶進對應的那一團
- 結團後的金額彙總與分攤計算要精準，每個人點的品項、數量與代訂費都要正確攤到個人，數字不能出錯
SOLUTIONS
解決方式
- 後端在發起人開團時產生一條專屬分享連結，成員點擊即透過深層連結加入對應揪團；點餐狀態同步呈現，發起人能即時看到團內每個人的選擇
- 以 Python 爬蟲蒐集周邊飲料店與菜單資料寫入資料庫，搭配 Google Maps API 依使用者定位呈現附近店家，開團選店一氣呵成
- App 以 Flutter 跨平台開發，iOS／Android 共用一套程式，揪團、點餐、結算流程都收斂在 App 內，並以 FCM 推播即時通知揪團與結團狀態
- 結團時由後端彙總所有成員的品項與數量，自動算出總金額、每人應付與代訂費分攤，省去人工核對
OUTCOME
專案成果
App 已於 iOS 與 Android 雙平台上線。它把原本散落在群組訊息裡的揪團訂餐流程——找店、開團、分享、點餐、結算分攤——整合成一條順暢的動線，讓「誰要喝什麼、各付多少」不再需要對著聊天記錄人工核對。
PREVIEW · 畫面預覽
STACK · 技術實作
- Flutter
- riverpod
- Vue 3
- TypeScript
- Tailwind CSS
- Firebase
- Postgresql
- Google Maps API
- FCM
- Python
- FastAPI
- 使用Flutter 跨平台APP開發
- Google Maps API 整合周邊飲料店地圖
- 後端使用Python FastAPI 開發
- Python爬蟲 爬取飲料店與菜單資料
- 揪團分享連結由後端產生，成員點擊即加入揪團
- Postgresql 資料庫
- 推播使用FCM
- 隱私權官網使用Vue3 開發
