我是谁 & 遇到什么问题
我是新手爸爸,宝宝刚出生。市面上的宝宝记录 App(亲宝宝、一木宝宝等)要么数据不归自己、要么功能太重收费贵、要么长辈不会用。我想要一个 数据完全归自己、能OCR识别体检报告、能AI语音讲故事、长辈也能轻松上手 的专属陪伴计划应用。
我用了 TraeWork 解决了这件事
模式:
Work
Code
Design
我用 TraeWork 完成了从产品设计到全栈开发到部署运维的 完整闭环 :
- 需求调研 :用联网检索能力抓取 5 家竞品(亲宝宝、一木宝宝、宝宝树、年糕妈妈、丁香妈妈)的功能对比,生成竞品调研报告,找出差异化机会
- 全栈开发 :前端 HTML/CSS/JS(PC端 + 移动端 + PWA)、后端 Node.js + Express + SQLite、腾讯云COS文件存储、Capacitor 打包 Android APK
- AI能力集成 :讯飞TTS声音训练(爸爸录3分钟声音 → AI克隆 → 给宝宝讲故事)、OCR识别体检报告
- 迭代修复 :30项迭代计划,P0-P3优先级管理,墓碑防御防删除复活,六层防线防数据丢失
我做出了什么
一个 生产级的多端宝宝陪伴应用 ,已部署上线(dudu.chuangxin.cloud),包含:
模块 功能
多端 PC网页 + 移动H5 + PWA安装到桌面 + Android APK
健康档案 OCR识别体检报告、生长曲线、疫苗追踪(含自费疫苗)
时光相册 照片/视频上传、智能分类(日期/医院/类型)、点赞评论、分享卡片
快速记录 3秒记喂奶/换尿布/睡觉、半夜极简模式
胎教故事 6大分类故事库、AI声音克隆朗读
长辈模式 大字体、简化交互
数据同步 服务器同步 + 离线缓存 + 墓碑防御
访问记录 爸爸端专属,查看家人登录记录
回收站 照片/记录/日记/提醒删除恢复
数据导出 CSV/PDF永久免费,“数据归你所有”
代码规模 :前端 18000+ 行、后端 5000+ 行、30项迭代计划、29项回归测试
效果展示
(建议截图以下内容)
- 移动端首页 — 快速记录 + 今日概览
- 健康档案 OCR — 识别体检报告
- AI声音训练 — 录音 → 克隆 → 讲故事
- 时光相册 — 照片网格 + 点赞评论
- 访问记录 — 爸爸端专属功能
经验 & 技巧总结
- 墓碑防御防删除复活 :删除数据时不能只删本地,必须写"墓碑标记"(deletedIds),同步合并时过滤已删除项。否则换设备登录后"删了的数据又回来"——这是我们踩过 5 次的坑
- PWA scope 必须配 Service-Worker-Allowed: / :不然 SW 只能控制 /pwa/ 目录,安装到桌面后按钮全部无响应
- closeModal() 必须清 DOM :只隐藏不清内容,残留的 #recTime 元素会让快速记录取到上次打开模态框时的旧时间
- Canvas 跨域污染 :分享卡片生成时,跨域图片必须 fetch + blob + objectURL ,直接 drawImage 会导致 canvas 被"污染"无法 toBlob()
- 迭代计划先行 :30 项 P0-P3 优先级管理,每个迭代 2 周,避免"想到哪做到哪"
提示词参考我在做一个给宝宝记录成长的应用,技术栈:
- 前端:HTML/CSS/JS(非框架),PWA Service Worker
- 后端:Node.js + Express + SQLite + 腾讯云COS
- 移动端:Capacitor 打包 Android
请帮我实现 [具体功能],要求:
- 考虑多端数据同步(服务器优先 + 本地缓存)
- 删除操作使用墓碑标记防复活
- 长辈模式兼容(大字体、简化交互)