TRAE IDE 全栈实战：途连 TuLink — 全球旅行连接 Web App（附 5 个 Session ID）

TRAE AI 创造力大赛 【大赛初赛专区】
1

途连 TuLink — 全球旅行连接平台

1. Demo 简介

途连 TuLink 是一款面向出境旅行者的全球旅行连接 Web App，解决出境游三大痛点：连不上 WiFi、不知道去哪、找不到地陪。

核心用户：出境自由行旅客，尤其是首次前往陌生国家的年轻旅行者。

核心功能：

  1. WiFi 共享 — 地图标记全球城市免费 WiFi 热点，点击查看密码并一键复制
  2. 探店推荐 — 当地人推荐的店铺与景点，含评分、真实评价、WiFi 关联信息
  3. AI 智能行程 — 选择心情+时长，调用火山引擎方舟大模型生成个性化时段化行程
  4. 地陪预约 — 浏览本地向导主页，选时段确认，mock 成功并写入「我的旅程」

2. Demo 体验地址

线上链接：https://tulink-demo.vercel.app

GitHub 仓库：https://github.com/changeworldBT/tulink-demo

3. TRAE 实践过程

整个 Demo 在 TRAE IDE 中完成，分 5 个 Phase：

Phase 0 — 空壳搭建（Session 1）：创建 Next.js 14 项目，MapLibre 地图，液态玻璃视觉系统，Zustand store

Phase 1 — 核心功能（Session 2）：WiFi 标记层，探店联动，地陪列表，4城种子数据

Phase 2 — 增强模块（Session 3）：地陪预约全流程，AI 智能行程（serverless 代理+方舟大模型+降级兜底），地图路线连线，搜索功能

Phase 3 — 精修与提交（Session 4）：Hero 精修，首运行引导，数据精修，Vercel 部署

Phase 4 — 测试修复（Session 5）：功能测试+4个Bug修复+演示视频录制

4. TRAE Session IDs

  1. Session 1（2026/7/6 21:52）：00f83c34021940470d8b19ec2a1735e3
  2. Session 2（2026/7/6 22:49）：44dba0b872857002f88120a3d9a67550
  3. Session 3（2026/7/6 23:28）：f6afae089b350fdb34aabf3173ca8b95
  4. Session 4（2026/7/8 21:16）：cea1d93f0f0f83894fabf2a24110fc21
  5. Session 5（2026/7/9 11:41）：ef2ffa363c04bd3641b979ef678e398c

途连 TuLink · Made with TRAE

1 个赞