冒險台北 Taipei Adventure

一個動態生成景點挑戰的智慧觀光旅遊APP

本專案是一個結合前端、後端、行動裝置與地圖導覽的智慧旅遊平台， 協助使用者規劃台北捷運沿線的旅遊行程，並提供即時導航、任務挑戰與安全、合法的住宿推薦等功能。

專案預覽

登入介面	行前調查	行前調查
導航頁面	導航頁面	導航頁面
任務繳交 - 成功	導航頁面

主要功能與優勢

• DC x Google 雙登入系統：簡化帳密需求，快捷登入

https://github.com/lucasw0908/YTP-Hackathon/raw/refs/heads/readme/readme-assets/login.mp4

• 安全住宿推薦：自動對接 台北市旅宿網站 ，過濾非法日租套房，保障出遊安全。

https://github.com/lucasw0908/YTP-Hackathon/raw/refs/heads/readme/readme-assets/hotels.mp4

• 智慧旅遊規劃：依據使用者需求，客製化推薦捷運沿線景點與住宿，打造專屬行程。

https://github.com/lucasw0908/YTP-Hackathon/raw/refs/heads/readme/readme-assets/query.mp4

• 互動式任務挑戰：抵達指定地點觸發任務與地標打卡，將旅遊化為有趣的闖關體驗。

https://github.com/lucasw0908/YTP-Hackathon/raw/refs/heads/readme/readme-assets/missions.mp4

• 多交通方式導航：智能算法動態生成包含 步行、腳踏車、捷運 的路徑指導，並且透過定位即提供指示

• 雙系統導航：結合互動地圖、GPS 與捷運站內的藍牙 Beacon 訊號，解決地下站體迷路的問題，室內外導航不中斷。

https://github.com/lucasw0908/YTP-Hackathon/raw/refs/heads/readme/readme-assets/guide.mp4

• AI 智慧頻測系統：連接多模態大型語言模型，能準確判斷是否符合任務要求以及原因

https://github.com/lucasw0908/YTP-Hackathon/raw/refs/heads/readme/readme-assets/judge_success.mp4

https://github.com/lucasw0908/YTP-Hackathon/raw/refs/heads/readme/readme-assets/judge_fail.mp4

• 極速流暢與高穩定性：採用 React 與 FastAPI 現代化架構確保操作滑順，並透過 Docker 容器化技術確保多人連線時系統依然穩定運作。

實機演示

https://github.com/lucasw0908/YTP-Hackathon/raw/refs/heads/readme/readme-assets/land.mp4

技術架構

前端（Frontend）

使用 React + TypeScript 開發，搭配 Vite 作為建構工具 地圖與路線規劃功能 與後端 API 串接，實現即時互動

GPS

利用 GPS 與捷運藍芽資訊雙系統輔助定位，保證在捷運也不影響定位

後端（Backend）

使用 FastAPI（Python）實作 RESTful API PostgreSQL 作為資料庫，Alembic 管理資料庫遷移 提供用戶、任務、旅遊計畫等資料管理

行動裝置/藍牙（beacon2）

React Native 應用，支援藍牙 Beacon 掃描 與後端同步任務進度

基礎設施

Docker 容器化部署，docker-compose 管理多服務協作 Nginx 作為反向代理伺服器