时光星球·成长记录 —— 面向5-12岁儿童的游戏化习惯养成H5应用，通过双币激励系统（行动币+愿望币）将日常学习与成长行

一句话看懂

面向5-12岁儿童的游戏化习惯养成H5应用，通过双币激励系统（行动币+愿望币）将日常学习与成长行为转化为可视化积分，孩子可用积分兑换自定义愿望，形成“努力→积分→实现愿望”的闭环。同时提供时光轴功能，记录成长点滴与心情日记。

目标用户：5-12岁儿童及其家长，孩子在家长引导下使用。

功能亮点

双币激励系统：行动币（努力）与愿望币（成果）2:1兑换，首页展示双币数值及兑换入口
记录成绩：选择科目和结果（全对/正常/错题多），全对+3愿望币，连续3次全对额外+5
记录成长：选择类型（运动/家务/助人为乐/开心事），自动+2行动币，可附加文字备注
愿望进度可视化：许愿池自定义愿望，首页以拼图方块进度条展示完成度，攒够可兑换
时光轴：记录每日心情和日记，日历视图显示积分、纪念日和心情，支持查看历史记录
纪念日提醒：设置纪念日（生日、出游等），前一天发送提醒
时光轴是记录孩子成长的一个空间，孩子可以记录自己每天的心情，也可以在日历上看到自己最近积分的情况，还可以设置纪念日，在纪念日的前一天会发送提醒。比如爸爸妈妈，好朋友的生日，约定好一起出游的日子，等等。当天记录下的心情和日记（爸爸妈妈也可以一起记录孩子的点滴），在未来会是一笔宝贵的回忆财富。
image441×559 19.3 KB
日历上的缩略图会显示积分情况，纪念日和心情
image363×403 22.9 KB

需求 / 使用场景

孩子需要持续动力完成日常任务和成长行为
家长希望将孩子的努力与回报直观关联，形成即时正反馈
孩子需要系统性的愿望目标管理和进度追踪
家长希望记录孩子的成长瞬间和心情，形成回忆
定位修复，TRAE 让一个人也能完成原本需要产品+设计+前端多人协作的工作量。特别是 Spec 模式，让需求不再是口头描述，而是可追溯、可验证的结构化文档，大幅减少了开发中的返工。双币系统是产品灵魂。单一积分系统容易让孩子只关注数字大小，而双币（行动币 vs 愿望币）的设计让孩子
的——努力可以直接获得（行动币），但成果需要积累和兑换（愿望币），这本身就是一堂朴素的经济课。
e483×606 40.9 KB 选择想要的愿望 image380×533 26.9 KB 添加自定义愿望 image399×498 28.4 KB 功能四：时光轴，记录成长点滴瞬间时光轴是记录孩子成长的一个空间，孩子可以记录自己每天的心情，也可以在日历上看到自己最近积
录 H5 应用，通过游戏化双币激励系统，帮助孩子建立良好的学习和生活习惯。产品形态为移动端 H5 网页应用，同时拥有微信小程序版本(还未上线，可在h5预览)。本产品面向5-12 岁儿童及其家长。孩子在家长的引导下使用，将日常学习任务和成长行为转化为可视化积分和愿望进度，让"努力"
Bug 修复在开发过程中，TRAE 帮助快速定位和修复了多个关键问题：弹窗布局 Bug：记录成绩弹窗按钮不可见 → 重构为 header-body-footer 三段式 Flexbox 自适应布局柱状图渲染异常：近7天积分柱状图柱子从顶部绘制 → 修复 justify-c
一、Demo 简介时光星球是一款面向 5-12 岁儿童的成长记录 H5 应用，通过游戏化双币激励系统，帮助孩子建立良好的学习和生活习惯。产品形态为移动端 H5 网页应用，同时拥有微信小程序版本(还未上线，可在h5预览)。本产品面向5-12 岁儿童及其家长。孩子在家长的引导