标签：社会服务、社会公益
标题：【社会公益】个人健康改造计划：关注低卡饮食和科学作息
─────────────────────────────────
1. Demo 简介
是什么：
关注低卡饮食和科学作息是一款面向公众健康普惠的跨端应用（Web / Android / iOS），帮助用户科学记录饮食、查询食物营养，实现低热量管理和健康饮食目标。与单一功能【查询热量】的不同点是：“记录一餐 → 自动匹配营养数据 → 查看今日热量缺口 → 触发一次黑名单食物提醒 → 查看周趋势”的体验路径。
面向谁：
• 减重人群 —— 不知道如何选择和记录低热量套餐，需要精准把控每日热量摄入
• 老年群体 —— 不清楚怎么搭配绿色健康的食谱套餐，容易忘记每餐吃了什么，需要简单易用的记录工具
• 营养小白 —— 缺乏基础营养知识，需要便捷的食物热量与营养成分查询
主要功能：
【功能一：饮食打卡与热量自动计算】
选择日期和餐次，录入菜品名称与份量，系统自动查询营养库计算每道菜的热量、蛋白质、碳水、脂肪和 GI 值，并汇总展示当日累计热量。支持禁止名单自动警示，防止误食高风险食材。
【功能二：营养查询】
内置可搜索的营养数据库，输入菜名即可查看完整的营养信息（热量/GI/三大营养素）。
【功能三：睡眠运动打卡与健康报表】
记录入睡/起床时间自动计算睡眠时长，支持10种运动类型打卡，所有数据支持按日期范围查询和 CSV 导出，便于社区医生或家人协助分析。
─────────────────────────────────
2. Demo 创作思路
灵感来源：
我身边有不少朋友正在减重，家里的长辈也越来越注重饮食健康。减重党每天纠结"这顿吃了多少卡"，靠记忆估算总导致摄入超标；家里老人想吃得健康，却不知道哪些是绿色食材、怎么搭配才营养均衡，而且经常忘了昨天吃了什么。市面上的健康 App 要么收费门槛高、广告满天飞，要么功能臃肿需要绑定设备，老年人根本不会用。
想解决的问题：
• 减重人群：不会选低热量套餐、不会记录每日摄入，减重屡屡失败 —— 饮食打卡自动计算热量，按餐次汇总，让每日摄入一目了然
• 老年群体：不懂搭配绿色健康食谱、容易忘记每餐吃了什么、难以坚持健康饮食 —— 营养库辅助科学选餐，饮食打卡提供完整记录防止遗忘，简洁布局让操作毫无压力
• 营养小白：缺乏营养知识、不知道怎么查食物成分 —— 内置可搜索的营养数据库，输入菜名即可查看热量、GI、三大营养素
为什么做这个方向：
• 普惠价值：肥胖已成为重大公共卫生问题，科学饮食是防控第一道防线。让普通人——特别是老年群体——免费获得便捷的饮食记录与查询工具，是降低健康门槛的公益实践
• 公平可及：React Native 跨端方案覆盖 Web/Android/iOS，操作简单、布局简洁，老年用户也能独立使用
• 隐私保护：数据完全本地存储，不上传云端，零隐私泄露风险
─────────────────────────────────
3. Demo 体验地址
方式二：Zip 打包上传
• 将交互式可体验的 HTML 文件使用 Zip 格式打包上传至社区
dist.zip (419.9 KB)
─────────────────────────────────
4. TRAE 实践过程
整个项目从公益想法到可运行 Demo，全程使用 TRAE IDE 完成，以下是完整的开发流程：
【第一阶段：需求分析与文档生成】
向 TRAE 描述了"进行需求迭代：新增用户注册功能，输入用户和 密码就行，限制用户名唯一。 先制作好需求文档。"
【第二阶段：架构设计与技术选型】
TRAE 实现【Vue】迁移到【React Native】的要求，推荐了 React Native + Expo 跨端方案，设计了分层架构（用户层 → 表现层 → 业务层 → 数据层），确定了 Zustand 状态管理 + AsyncStorage 本地存储的技术路线，以及模块化的目录结构。整个设计过程通过多轮对话迭代确认。
【第三阶段：UI 打磨与适老化优化】
TRAE 按照 Google Material Design 规范，帮我实现了操作简单、布局简洁的界面：
• 大字号（15-16px 正文）、宽按钮（paddingVertical: 15）、高对比度配色
• 首页 Dashboard 一目了然：统计行 + 快捷操作 + 最近记录，不超过 3 步完成打卡
• 卡片圆角统一、阴影层级分明，视觉干净不杂乱
─── 关键任务 Session ID ───
请补充不少于 3 个 Session ID（双击 TRAE 对话头像复制）：
• 需求分析与文档生成：[.1197819867708474:ff83f7f5101d372753a9b3e638a02446_6a2fe1c347d907e9d94d1379.6a315409ba3199934b2b034c.6a3154092d9dbace98617552:Trae CN.T(2026/6/16 21:47:53)]
• 框架迭代：[1197819867708474:310f2c8ef24ea8cc63d08aaecb21f575_6a3d820a61139ddbbde8d4f7.6a3d820a61139ddbbde8d4fa.6a3d820a61139ddbbde8d4f8:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/6/26 03:31:22)]
• Google设计风格适配：[1197819867708474:4ee42c6e033ff90f8d3bf76e0e820e13_6a4290fc49677328cd1d94ec.6a4290fd49677328cd1d94ef.6a4290fc49677328cd1d94ed:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/6/29 23:36:29)]
─────────────────────────────────
5. 开发心得
TRAE 最大的帮助是把想法落地的速度提升了几个量级。从"我想做一个健康饮食 App"到"可运行的 Demo"，TRAE 不仅帮我写了代码，更重要的是帮我理清了需求边界和架构设计。特别是需求文档阶段，TRAE 把我模糊的"想做给老人用"的想法，拆解成了具体的功能点（饮食备忘、营养查询、大字号适配），这个梳理过程让我对产品定位更清晰。
适老化设计是在开发过程中逐步明确的。一开始我只是想做一个通用的健康工具，但在和 TRAE 对话讨论目标用户时，越来越意识到老年群体的特殊需求——不只是字号大一点，而是操作流程要更短、反馈要更直接、错误提示要更易懂。TRAE 在 UI 规范文档中帮我把这些设计原则固化下来，后续开发就有据可依了。
─────────────────────────────────