1. Demo 简介
-
是什么:基于艾宾浩斯遗忘曲线的智能学习复习系统 (Web 应用)—— 一款帮助学生科学规划复习计划、提高记忆效率的在线学习工具。;
-
面向谁:
- 学生 按照科学规律进行知识复习,巩固学习成果;
- 家长 实时掌握孩子的学习进度,了解薄弱环节;
- 管理员 管理学科体系、题库内容和用户账户;
- 主要功能:
-
自动推送 :根据艾宾浩斯遗忘曲线算法,每日自动推送待复习卡片
-
批量答题 :支持一次性查看所有题目,填写答案后统一提交
-
即时反馈 :提交后立即显示答题结果,正确/错误一目了然
2. Demo 创作思路
-
灵感来源:作为一名教育领域从业者,我观察到很多学生存在"学了就忘"的问题。明明上课听懂了,过几天就忘记了。这让我想到了 艾宾浩斯遗忘曲线 ——这个19世纪提出的心理学理论,至今仍然有效。能不能用技术手段,帮助学生按照科学规律进行复习?让系统自动计算最佳复习时间点,提醒学生及时复习,从而提高记忆效率。
-
学生/家长痛点 :
- 遗忘曲线问题 :人类大脑对新学知识的遗忘速度是先快后慢,很多学生在学习后3天内就忘记了大部分内容
- 复习计划缺失 :学生不知道什么时候该复习,常常等到考试前才临时抱佛脚
- 缺乏反馈机制 :做完题目不知道对错,或者要等老师批改后才能知道结果
- 错题管理困难 :做错的题目没有被系统记录和强化复习
- 无法掌握进度 :不知道孩子每天学了什么、掌握了多少
- 缺乏沟通依据 :和孩子沟通学习时缺乏具体数据支撑
- 难以发现问题 :不能及时发现孩子的薄弱环节
- 为什么做这个方向:
- 教育行业持续增长 :随着家长对教育重视程度的提高,学习辅助工具市场需求旺盛
- 科学学习理念普及 :越来越多的家长和学生开始认可科学的学习方法
- 在线学习趋势 :疫情后在线学习习惯已经养成,Web 应用易于访问。
- 现代化设计语言 :采用渐变色彩、柔和阴影、圆润边角的现代设计风格
- 响应式布局 :完美适配 PC 和移动端
- 直观的视觉反馈 :正确答案显示绿色,错误答案显示红色,一目了然
- 流畅的交互动画 :悬停效果、过渡动画提升使用体验
- 前端框架 :Vue 3 + Composition API
- 样式系统 :CSS 变量 + 设计系统
- 后端架构 :Node.js + Express RESTful API
- 数据持久化 :SQL.js 嵌入式数据库
3. Demo 体验地址(三选一)
-
交互式可体验的HTML格式文件,请使用Zip格式打包上传到社区;
demo.zip (3.6 KB)
4. TRAE 实践过程
-
清晰展示用 TRAE 完成 Demo 开发的完整流程;
-
附开发关键步骤截图(不少于 3 张);
-
附关键任务对话的 Session ID(不少于 3 个),用于证明作品由 TRAE 开发完成。
-
.3616748660594788:c0fdfdf24a6f04e235d2cf7f0abfbd62_6a32671b240623927145a480.6a326dd2240623927145a56c.6a326dd2e0d384ed4770a489:Trae CN.T(2026/6/17 17:50:10)
-
.3616748660594788:20cc793a47795180654b3417bfb5d6ef_6a32671b240623927145a480.6a327267240623927145a62c.6a327266e0d384ed4770a48c:Trae CN.T(2026/6/17 18:09:43)
-
.3616748660594788:5de4365a88be82a13c58d7faa25c007f_6a32671b240623927145a480.6a327541240623927145a68d.6a327541e0d384ed4770a490:Trae CN.T(2026/6/17 18:21:53)
- 附关键任务对话的 Session ID(不少于 3 个),用于证明作品由 TRAE 开发完成。
最好附上通过的报名帖







