TRAVCAT — 2026 | Haru Li

SCREENS

登入頁

支援 Google 登入與 Apple Sign In，兩者都走 Supabase Auth。

DETAIL

問題

旅行時最想記錄的那一刻，往往正好沒有網路。這是個人 Side Project，目標是把 iOS 上架流程完整走過一遍，並在實際旅遊時真的拿來用。

做法

以 AI 工具輔助開發，從設計、前端到資料庫全由自己一手包辦，獨立完成 UI/UX 設計（Neo-Brutalism ✕ 昭和復古風格）。技術棧為 React Native 0.83.2 + Expo SDK 55 + TypeScript，狀態管理用 Zustand，後端採 Supabase（PostgreSQL + Auth + Storage），本地資料庫用 Expo SQLite。設計 Offline-First 架構，以本地 SQLite 搭配同步佇列與自動重試機制，確保沒有網路時仍能正常記錄。整合 Google OAuth / Apple Sign In、Expo Push Notifications、Sentry 錯誤追蹤與 Google Directions API，功能面實作邀請碼共編行程、多照片拼貼分享卡片、互動式世界地圖與 Haptic 觸覺回饋。

結果

完整走過 EAS Build、Provisioning Profile 與 TestFlight 內測發佈等 iOS 上架流程，並在實際旅遊中使用。

TECH STACK //

React NativeExpoTypeScriptSupabasePostgreSQLZustandExpo SQLiteSentryiOS