FANMAP — 2026 | Haru Li

SCREENS

活動探索

首頁輪播主打活動，下方以熱門／近期兩個分頁列出活動，可直接收藏或加入行程。

DETAIL

問題

追星的資訊散落在各個社群平台——生日應援辦在哪、快閃店開到幾號、周邊在哪個點領取，每次都要重新翻一輪。

做法

團隊專案，我負責前端開發；另一位前端夥伴負責 flow chart、UI/UX 與 design system，後端由團隊其他成員負責。以 Expo SDK 57 + Expo Router 檔案式路由建構，樣式採 NativeWind，動畫用 Reanimated。地圖以 react-native-maps 實作城市／區域切換與六類地點標記篩選（場館、應援活動、應援物領取點、快閃店、周邊販售點、打卡景點）。活動、地點與票券共用單一 Context 全域狀態，避免跨頁資料不同步。功能面完成活動探索、行程倒數與今日行程、收藏與到訪記錄，以及可新增／編輯／刪除的數位票券收藏。測試以 Jest + React Native Testing Library 覆蓋。

結果

2026 年 7 月啟動，持續開發中。

TECH STACK //

React Native 0.86Expo SDK 57Expo RouterTypeScriptNativeWindReanimatedreact-native-mapsJestRNTL