一、自我介绍与开发初衷
我是一名AI编程爱好者。近期接触TRAE编程，被其强大的能力折服，此时恰好平台举办《TRAE AI 创造力大赛》于是决定用TRAE Work CN 开发一款真正能用的产品参加比赛，在实践中检验TRAE WORK的能力。选题方面我也是由TRAE帮我选的。 根据TRAE帮我做的网上调研，当前银发群体数字适老化的产品虽然有但还不多，市面上的脑训练App对老人来说既复杂又冷漠，他们真正需要的不是"游戏"，而是与自己人生有关的、有温度的记忆陪伴。于是便开发了这款产品。
二、产品简介
是什么
「忆路相伴」是一款面向银发群体的移动端Web应用（适配手机/平板），通过AI记忆训练、语音生活日记和家庭记忆墙三大核心功能，帮助老年人延缓认知衰退、缓解孤独感，并促进跨代际家庭情感连接。
面向谁
- 核心用户：60-80岁有轻度认知担忧或已确诊MCI（轻度认知障碍）的老人
- 付费决策者：40-55岁关注父母健康的子女
- 早期采用者：城市中产家庭、有阿尔茨海默病家族史的家庭
典型使用场景
- 早晨起床后：打开App，在首页查看记忆健康指数和今日任务，完成10分钟个性化记忆训练
- 白天闲暇时：点击"心情日记"，对着手机说几句话，AI自动转写并保存生活点滴
- 周末家庭聚会：与子女一起浏览"记忆墙"，翻看老照片，分享照片背后的故事
- 子女远程关心时：通过训练记录和日记内容，了解父母的认知状态和情绪变化
完整功能清单与用户使用路径
五大页面，完整用户路径：
| 页面 | 核心功能 | 用户路径 |
|---|---|---|
| 首页 | 记忆健康指数环、每日任务清单、最近照片预览 | 打开App → 查看健康指数 → 完成今日任务 |
| 训练页 | 基于照片生成AI认知训练题（时间/人物/场景记忆）、即时反馈 | 选择照片 → 开始训练 → 回答3道AI生成题目 → 查看得分与解析 |
| 日记页 | 语音输入（支持语音识别）、快捷短语、历史日记浏览、详情查看 | 点击话筒/选短语 → 记录心情 → 保存 → 随时回顾 |
| 记忆墙 | 上传老照片、添加照片故事（时间/地点/人物/背景）、瀑布流浏览、详情查看 | 添加照片 → 填写故事信息 → 浏览记忆墙 → 点击照片查看详情 |
| 我的 | 语音播报开关、训练提醒设置、数据管理（导出/清空）、使用帮助 | 设置偏好 → 管理个人数据 → 查看帮助文档 |
程序5个页面的截图：
相比初赛Demo的升级
| 维度 | 初赛Demo | 复赛完整版 |
|---|---|---|
| 功能完整度 | 仅展示核心概念与静态页面 | 5大页面全部可交互，数据可持久化保存 |
| AI训练题 | 前端模拟固定题目 | 接入豆包大模型API，根据照片信息动态生成个性化训练题 |
| 语音输入 | 无 | 集成Web Speech API，支持语音转文字写日记 |
| 数据持久化 | 无（刷新即丢失） | localStorage + IndexedDB双存储，照片、日记、训练记录长期保存 |
| 部署上线 | 本地文件 | 已部署至服务器，可通过浏览器直接访问体验 |
| 帮助文档 | 无 | 新增独立帮助页，图文说明各功能使用方法 |
| 开发者面板 | 无 | 新增数据管理功能，支持导出JSON和一键清空 |
三、产品演示视频
点此观看抖音视频：【忆路相伴】-银发族认知训练记忆陪伴系统
四、产品创作历程
灵感来源
灵感来自阿尔茨海默病患者的"记忆闪回"现象——音乐或照片能唤醒深层记忆。日本"回忆疗法"临床验证表明，基于个人经历的认知训练比通用训练效果提升40%以上。在与家中老人交流中发现，他们最渴望的是"被记得"和"有人听"。
初赛阶段
用TRAE Work快速搭建创意展示Demo，验证"基于个人照片的认知训练"概念可行性，重点展示三大功能模块的交互原型。
复赛打磨
- 技术升级：从静态Demo升级为可真实使用的SPA应用，实现数据持久化和AI动态出题
- 体验优化：增加语音输入适配老人打字困难、优化大字体和高对比度视觉设计
- 部署上线：完成服务器部署，让评审能随时打开真实体验
- 完善闭环：增加帮助文档、数据管理、每日任务等支撑功能，形成完整产品闭环
关键决策
- 选择纯原生JavaScript而非框架：减少构建依赖，单HTML文件即可运行，降低老人使用门槛
- 语音优先的日记输入：考虑到目标用户打字困难，将语音输入作为核心交互方式
- 本地存储优先：老人数据敏感且网络环境不稳定，采用浏览器本地存储确保隐私和可用性
五、TRAE 实践过程
开发流程
整个作品开发全程使用 TRAE Work（对话式AI编程工具）从零开发完成。开发过程采用"需求描述 → AI生成代码 → 本地验证 → 迭代优化"的循环模式。
关键开发步骤截图
关键任务 Session ID
| 序号 | Session ID | ||
|---|---|---|---|
| 1 | 33450728625532:969641b1bbdaef7a0dcafb6da1061fc6_6a311f39d2b856bf42f02d7b.6a64b5720bbe7bdabb22e404.6a64b572556fdaa6ef9aa09a:TRAE Work CN.0.1.43.no_sid.no_ppe.T(2026/7/25 21:10:20) | ||
| 2 | 33450728625532:dd4534b75dcd80c01f99148d35812d9e_6a311f39d2b856bf42f02d7b.6a67171f8d676a459266b356.6a67171c623e11c83fe2ab89:TRAE Work CN.0.1.43.no_sid.no_ppe.T(2026/7/27 16:43:10) | ||
| 3 | 33450728625532:8cf3ea9836f31253ead405c0be9e3861_6a311f39d2b856bf42f02d7b.6a6834f7218fba1eefdc33d3.6a6834f520bd770925cc5c88:TRAE Work CN.0.1.43.no_sid.no_ppe.T(2026/7/28 12:57:16) | ||
| 4 | 33450728625532:f31b092ba5e0187a193380d1f9892aaf_6a311f39d2b856bf42f02d7b.6a6b593719e84913857b2254.6a6b5933976ce19d363d3943:TRAE Work CN.0.1.43.no_sid.no_ppe.T(2026/7/30 22:07:00) | ||
| 5 | 33450728625532:5f7a12ff49564be0b0b16b1450d46201_6a311f39d2b856bf42f02d7b.6a6ca1c31f62563ead3eceea.6a6ca1bee0c3c72c29ae29c8:TRAE Work CN.0.1.43.no_sid.no_ppe.T(2026/7/31 21:26:24) | ||
六、技术方案分享
技术方案分享
技术栈：
- 前端：纯原生 JavaScript（ES6+），零框架、零构建
- 架构：单页应用（SPA），客户端路由实现5页面无刷新切换
- 存储：localStorage（配置数据）+ IndexedDB（照片/日记/训练记录）
- AI：豆包大模型API（根据照片信息动态生成认知训练题）
- 语音：Web Speech API（语音识别输入）
- 样式：CSS Variables + Flex/Grid布局，完整移动端适配
关键实现思路：
- 模块化设计：将首页、训练、日记、记忆墙、我的五大模块封装为独立渲染函数，通过
showView()统一调度 - 数据层抽象：封装
Storage对象统一操作IndexedDB，所有数据操作异步化，UI自动响应数据变化 - AI出题链路：照片信息 → Prompt工程 → 豆包API → JSON解析 → 训练题渲染 → 答题交互 → 得分计算
- 离线优先：所有功能无需网络即可使用（除AI出题需联网），照片存储在本地IndexedDB
应用TRAE Work开发的一些感悟：我用trae work开发《忆路相伴》实录
社会价值分析
- 延缓认知衰退：帮助MCI老人通过个性化回忆训练延缓病情进展
- 缓解孤独感：语音日记成为情感出口，家庭记忆墙促进代际交流
- 数字适老化标杆：大字体、高对比度、语音交互、简化流程，真正为老人设计
- 低成本普惠：Web应用无需下载安装，降低使用门槛
产品迭代规划
- 开发微信小程序版，增加更多训练模块以及家庭共享功能（子女远程查看父母训练情况）
- 完善语音输入，做到鸿蒙手机适配，接入更多AI能力（智能提醒、情绪分析、认知趋势报告）
让每一份记忆都被温柔以待，让每一位老人都不被遗忘。