home about projects profile
互動與遊戲 2026
冒險台北 Taipei Adventure
// SYS 官方專案

冒險台北 Taipei Adventure

by ianwen

// project_overview

一個動態生成景點挑戰的智慧觀光旅遊APP 本專案是一個結合前端、後端、行動裝置與地圖導覽的智慧旅遊平台,

// tech_stack
React Python
幫這個專案投票!
// project_details

冒險台北 Taipei Adventure

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

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

專案預覽

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

主要功能與優勢

![Watch the video]()

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

![Watch the video]()

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

![Watch the video]()

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

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

![Watch the video]()

  • AI 智慧頻測系統:連接多模態大型語言模型,能準確判斷是否符合任務要求以及原因 ![Watch the video]()

![Watch the video]()

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

實機演示

![Watch the video]()

技術架構

前端(Frontend)

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

GPS

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

後端(Backend)

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

行動裝置/藍牙(beacon2)

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

基礎設施

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

// Comments

載入留言…
// similar_projects

English Mahjong

// Draw. Discard. Spell. Win.

PythonFlaskSocket.IO+2
互動與遊戲