NO. 001 · App 應用
寵物社交 App
這是一款已上線的寵物社交 App，把「帶毛孩出門」會用到的功能整合在一支 App 裡：用 Google 地圖找出附近的寵物友善餐廳並導航，每日抽卡配對其他飼主、配對成功即可聊天，還有論壇能發文、留言、按讚，分享自家寵物與養寵心得。
FEATURES · 功能特色
- 寵物友善餐廳地圖：定位、導航、營業時間與帶寵注意事項
- 每日抽卡配對飼主
- 配對後即時聊天
- 寵物論壇：發文、留言、按讚、分享心得
BACKGROUND
專案背景
許多寵物飼主在外出用餐、旅遊時，常不知道哪些店家友善、能不能帶寵物進入；同時也缺少一個專屬同好交流的社群。這款 App 因此把「找友善店家」與「飼主社交」結合在同一支 App，讓帶毛孩出門更方便、也更有溫度。
CHALLENGES
面臨的挑戰
- 寵物友善餐廳缺乏現成資料來源，需建立可長期維護的店家資料機制
- 聊天、論壇、配對皆需即時互動，且使用者離線時仍要能收到通知
- 單一團隊需同時交付 iOS / Android 並維持一致體驗
SOLUTIONS
解決方式
- 採用 Flutter 單一程式碼庫，一次開發同時交付 iOS 與 Android 雙平台，兼顧體驗一致性與維護成本
- 以 Firebase 作為即時資料層，支撐聊天、論壇、配對的即時同步，並整合 FCM 推播確保訊息與配對通知即時送達、離線亦能接收
- 地圖功能以 Python FastAPI 自建後端服務處理，於後端完成餐廳地址的 geocoding 與依使用者位置的鄰近範圍查詢，並透過預處理與快取地理資料，大幅減少對 Google Maps API 的直接呼叫，有效控制第三方服務費用
- 另建 Vue 管理後台，讓營運人員可自行新增、審核與維護寵物友善餐廳資料，無需工程介入即可持續擴充內容
OUTCOME
專案成果
App 已成功上線 iOS / Android 雙平台，飼主能在地圖上快速找到寵物友善餐廳並導航前往，透過每日配對與聊天認識同好，也能在論壇分享寵物日常，形成一個專屬養寵族群的社交圈。
PREVIEW · 畫面預覽
STACK · 技術實作
- Flutter
- riverpod
- Vue 3
- TypeScript
- Tailwind CSS
- Firebase
- MySql
- Google Maps API
- FCM
- Python
- FastAPI
- 使用Flutter 跨平台APP開發
- Firebase 即時資料庫實現聊天功能
- Google Maps API 整合餐廳地圖
- 後台使用Vue 開發
- Tailwind CSS 實現響應式設計
- 後端使用Python FastAPI 開發
- MySql 資料庫
- 推播使用FCM
