**【标签】**生活娱乐
【标题】 生活娱乐赛道+ 菜场雷达
【正文】
0. 先和大家打个招呼吧 ![]()
-
你是谁: 大家好,我是一名准高一生
-
你是怎么用 TRAE 把 Demo 做出来的: 菜场雷达这个想法,其实就是每次回家看到爸妈把菜价记在小本本上,为了省几毛钱跑三个菜市场。我就想,能不能有个东西帮他们比价。
最开始我也不知道怎么跟 TRAE 说,就直接用最土的方式:「帮我做一个买菜比价页面,要大字,按钮要大,橙色,适合老年人用」。没想到它真的生成了,而且界面完全是我想要的样子。
最让我觉得「原来这么简单」的是语音功能那一步。我跟 TRAE 说「能不能点一下喇叭就读出来结果」,它就告诉我浏览器自带语音功能,加几行代码就行。我当时心想:不是吧,就这么简单?
原本以为肯定搞不定的坎是智能分单——让系统自动判断白菜去哪买、西红柿去哪买,算出一条跨地点采购路线。结果我把需求拆成「帮我算每个菜在三个地方哪个最便宜,然后汇总成一个采购计划」,TRAE 几分钟就写完了。整个项目三段对话,没手写过一行代码,但最后做出来的东西连我爸妈都能上手用。
1. Demo 简介
-
菜场雷达是一个专为中老年人设计的买菜比价网页工具,打开浏览器就能用,无需下载安装
-
面向谁:50-70 岁中老年人,负责家庭日常买菜,对价格敏感,手机操作不熟练
-
主要功能:一键比价:勾选想买的菜,一键对比社区菜市场、永辉超市、美团自提点的价格,最便宜的自动金色高亮
语音播报:点喇叭自动朗读比价结果,不识字也能用
智能分单:自动算出每道菜去哪买最便宜,生成跨地点采购路线
2. Demo 创作思路
-
灵感来源:每次回家看到爸妈把菜价记在小本本上,为了省几毛钱多跑两三个菜市场,腿脚不便却坚持比价。就想能不能做个工具,让他们出门前看一眼就知道去哪买最划算。
-
想解决的问题:每次回家看到爸妈把菜价记在小本本上,为了省几毛钱多跑两三个菜市场,腿脚不便却坚持比价。就想能不能做个工具,让他们出门前看一眼就知道去哪买最划算。
-
为什么做这个方向:菜市场没有公开价格数据,但可以通过 UGC 众包让用户自己维护,形成社区互助。市面上所有 AI 产品都在服务年轻人,银发群体的「菜篮子」是真正的刚需空白,用最轻量的网页工具去填这个缺口。
3. Demo 体验地址(三选一)
- 菜场雷达项目.zip (9.1 KB)
4. TRAE 实践过程
-
清晰展示用 TRAE 完成 Demo 开发的完整流程;
-
全程使用 TRAE Work 对话开发,零手写代码,分三个阶段完成:
阶段一:搭建核心框架
第一段对话向 TRAE 描述页面需求:12 种菜品多选按钮、暖色调大字版界面、三地价格对比表格。TRAE 一次性生成了完整的页面布局、菜品选择交互和比价逻辑,同时加入了 UGC 价格众包系统——用户可以上报真实价格,多次上报自动取平均值。所有数据存入 localStorage,关闭浏览器不丢失。
阶段二:追加高级功能第二段对话在核心功能基础上,用自然语言逐条追加四大模块:我说「要个喇叭按钮能朗读结果」,TRAE 用 Web Speech API 实现语音播报;我说「能不能说话报菜名」,它就加上语音输入自动识别菜品;我说「想看价格走势」,它用 Canvas 画出近 7 天三地折线图;我说「自动算怎么买最省」,它写出了智能分单算法,按菜品逐个匹配最低价地点,生成跨地点采购路线建议。每一项都是用日常大白话描述需求,TRAE 自动转换为可运行代码。
阶段三:打包交付第三段对话让 TRAE 输出完整代码并打包为 Zip 文件,直接上传社区提交。
Session ID 1:1290157594773748:87510862a7aacb485a3190abc599124c_6a4ddafe0945df7dda568ec7.6a4ddafe0945df7dda568eca.6a4ddafe0945df7dda568ec8:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/7/8 13:07:10)
Session ID 2:1290157594773748:43ee6cfb860bef36a3b4e11ea9b0833b_6a4ddafe0945df7dda568ec7.6a4ddce60945df7dda568f1f.6a4ddce60945df7dda568f1d:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/7/8 13:15:18)
Session ID 3:1290157594773748:32bbffe5900b86ba2f5e5d0f671d4501_6a4ddafe0945df7dda568ec7.6a4de24e0945df7dda568fb2.6a4de24d0945df7dda568fb0:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/7/8 13:38:22)
5. 对应的报名审核通过的帖子链接







