智能饮食搭配助手

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

**【标签】**生活娱乐

【标题】 【生活娱乐赛道】HealthLife - 智能饮食搭配助手

【正文】 至少包含以下 4 个部分，可以增加额外的部分（比如自我介绍、经验总结、踩坑复盘等）

1. Demo 简介

  • 是什么： 一个纯前端的 Web 应用（网站），用户输入身体数据和想吃的食物，系统自动生成科学搭配的三餐食谱，并独创"放纵餐弹性方案"。

    面向谁： 关注健康饮食或者每天不知道做什么吃的人群——想吃得健康但不懂营养搭配，偶尔想放纵一下又怕负罪感的上班族、学生、健身爱好者，还有每天烦恼吃啥的人群，在这都能找到满意的饮食答案。

    主要功能（核心 2-3 个）：

    1. 智能三餐搭配 —— 根据用户的身高/体重/年龄/活动量/目标，自动计算每日营养需求，生成早餐、午餐、晚餐的完整食谱方案（含菜品、份量、营养成分），每餐可单独刷新，支持一键添加到今日食谱。

    2. 放纵餐弹性方案（核心创新） —— 当用户坚持要吃外卖/超标食物时，系统不会简单拒绝，而是让用户输入食物名称、重量、热量、脂肪、碳水，自动计算超标项目和百分比，给出"最不坏"的搭配建议和后续饮食调整方案，把"放纵"的代价降到最低。

    3. 家庭成员与健康管理 —— 支持添加多个家庭成员（每位独立录入健康数据），可视化展示 BMI、体重、活动水平、营养目标达成度（雷达图/进度条），数据本地持久化，无需注册登录。

      image
      image2541×1398 257 KB

    4. image
      image2546×1394 195 KB

    5. image
      image2543×1289 169 KB

2. Demo 创作思路

  • 灵感来源： 健身APP太多太重，健康饮食内容太专业太枯燥。我自己就经常遇到这种纠结：明明知道该吃得健康，但中午就是想吃一碗油泼面。市面上要么是冷冰冰的"不推荐"，要么是放任不管——缺一个"既懂营养又懂人性"的助手。

    想解决的问题：

    • 痛点一 ：普通人不会算营养。用户知道自己该吃多少卡，但不知道一顿饭该怎么搭配蛋白质、碳水、脂肪。
    • 痛点二 ：自律 APP 太"绝情"。一旦超标就报错、扣分、弹警告，用户坚持不下去就卸载了。
    • 痛点三 ：放纵之后没人兜底。吃了一顿大的，不知道接下来该怎么调整，干脆破罐子破摔。
      为什么做这个方向： 健康饮食是高频刚需，但现有产品都在"管"用户而不是"帮"用户。我判断"放纵餐弹性方案"这个角度有差异化——承认人会想吃好的，然后科学地把代价降到最低。纯前端方案的好处是无需后端、即开即用、便于演示，适合初赛阶段快速验证产品逻辑。

3. Demo 体验地址

4. TRAE 实践过程

  • 清晰展示用 TRAE 完成 Demo 开发的完整流程；

  • 附开发关键步骤截图（不少于 3 张）；

  • image
    image1920×1139 354 KB

  • image
    image1920×1137 477 KB

  • image
    image1920×1138 485 KB

  • image
    image1920×1116 337 KB

  • 第一阶段：项目需求定义 + 技术栈选型 + 项目骨架搭建

  • .3657404472888428:acd04d195037b193f803ba9c6b62697f_6a54d76f8e950517ef8c86d3.6a558c360b5ae57def05bb14.6a558c3639192008c49773f4:Trae CN.T(2026/7/14 09:09:10)

  • 第二阶段：功能拓展

  • .3657404472888428:09d9dcb0d0ca8e85ad9a480136a0c198_6a56fcb3c6ccf1e5b6adab6e.6a579918c6ccf1e5b6adc8bb.6a5799186202491102b3e1ed:Trae CN.T(2026/7/15 22:28:41)

  • 第三阶段：ui界面优化

  • .3657404472888428:f85b03e2e2c0b688cd564c36934c733f_6a5681e91927c04ed9333fbf.6a5690f41927c04ed93340e1.6a5690f4cf07346c94c0c4aa:Trae CN.T(2026/7/15 03:41:40)

5. 对应的报名审核通过的帖子链接