一、作品介绍
这是一款基于 TraeCode 打造的国庆假期旅游 App(Web Demo),取名「悦途」,寓意“愉悦的旅途”。它面向假期出行的普通游客,覆盖出行前的规划、行中的导航陪伴、行后的回忆沉淀全流程。
核心功能模块:
- 目的地推荐:按“亲子 / 情侣 / 独行 / 逃人流”四种模式推荐国庆目的地,自动避开人山人海;
- 智能行程规划:输入天数与偏好,一键生成每日行程时间轴,含景点、交通耗时、用餐建议;
- 预算计算器:门票、住宿、交通、餐饮分开估算,实时汇总,避免假期“钱包刺客”;
- 行程清单:出发前必带物品打勾清单(充电宝、防晒、证件……),一键分享给同行伙伴;
- 旅行手账:旅途中随手记录心情与照片,生成假期回忆卡片,可分享到朋友圈。
二、灵感来源
去年国庆我出去玩了 5 天,体验却是:
- 攻略收藏了 30 篇,出发前一晚还在临时拼行程;
- 同行 4 人的时间安排散落在 3 个聊天群;
- 回来一算账,超预算 40%,完全没心理准备。
问题不在于信息不够,而在于信息太散。我想要一个把“去哪、怎么玩、花多少钱、带什么”收进一个页面的工具,于是用 TraeCode 把它做了出来。
三、它解决了什么假期问题
- 行程规划碎片化:攻略信息整合成时间轴,10 分钟出一份可执行计划;
- 预算失控:出行前先算清总账,假期消费心里有底;
- 协作困难:行程与清单一键分享,同行伙伴打开即看,不再群刷屏;
- 人多焦虑:推荐模块自带“人流预警”提示,帮反向错峰。
四、创作过程(TraeCode 关键步骤)
- 一句话启动:“做一个国庆旅游 App 的 Web 原型,包含目的地推荐、行程规划、预算计算、行李清单和旅行手账”;
- Builder 模式逐轮迭代:
- 第 2 轮:生成底部 Tab 导航的移动端框架;
- 第 3 轮:行程规划模块加入“按天折叠”交互;
- 第 4 轮:预算计算器支持实时联动更新与占比饼图;
- 第 5 轮:整体换上国庆红金配色 + 卡片圆角化,视觉更“假期感”;
- 全程零手写代码,从想法到可运行 Demo 约一个下午完成。
五、体验方式
-
TraeWork生成
-
体验链接:(部署后附上)
-
截图与录屏:(附首页、行程规划、预算计算、行李清单四张截图 + 45 秒操作演示录屏)
假期最贵的不是机票,是 wasted 的决策时间。把规划交给「悦途」,你只负责出发。![]()
![]()




