====================================================
期末粥_Demo.zip (23.6 KB)
期末粥 - 初赛Demo作品帖
【标签】学习工作
【标题】学习工作赛道 + 期末粥 Demo
【正文】
- Demo 简介
【是什么】
期末粥是一款面向大学生的期末复习速成智能助手,以单HTML文件交付的Web应用,解压后双击即可在浏览器中运行,无需安装任何依赖。
【面向谁】
核心用户为高等院校在校本科生和研究生,尤其是期末复习时间紧张(1-4周)、需要高效速成方案的学生群体。面向三类典型用户:临时抱佛脚型、查漏补缺型、追求完美型。
【主要功能】
[1] 多格式资料上传 – 支持真实文件拖拽/点击上传,自动识别PPT/Word/PDF/图片/音视频/文本等格式,显示文件名和大小
[2] 考试信息确认 – 填写科目、考试类型、剩余天数,点选题型分布标签(选择题/填空题/简答题/计算题/综合题),系统严格遵循"老师给了题型只出老师给的"核心规则
[3] 知识体系图谱 – 脑图视图展示章节间逻辑关系(前置/并列/递进),列表视图提供12个知识点的完整7板块详解(定义/重要性/详细讲解/体系关联/记忆法/出题角度/易错点),必考点1000字起
[4] 题型训练 – 20道选择题+15道填空题+10道简答题+3道计算题,选择题即时批改显示对错解析,填空题可查看标准答案,简答题和计算题可展开参考答案
[5] 模拟考试 – 120分钟真实倒计时,全真模拟卷(题型/题量/分值一致),交卷后显示得分反馈
[6] 个性化学习方案 – 按剩余天数划分三阶段(知识学习→题型突破→模拟冲刺),每日任务表精确到小时,支持勾选完成
[7] B站速成视频推荐 – 为每个核心知识点推荐优质B站速成课,附标题、博主、时长和标签
[8] PDF备考手册导出 – 一键生成完整备考PDF(封面→目录→学习方案→重点速览→知识图谱→详解→题型训练→模拟卷→视频→公式速查)
- Demo 创作思路
【灵感来源】
每次期末考前,身边同学都会陷入集体焦虑:PPT和PDF散落在各个文件夹,老师课件里的重点标注要手动一页页找,不知道考试题型只能盲目刷题,时间不够却不知道怎么安排复习计划。“期末粥"这个名字来源于把杂乱无章的复习材料,像熬粥一样熬成一碗营养清晰、易于吸收的"知识粥”。
【想解决的问题】
[1] 资料零散:多格式文件散落各处,手动整理耗时巨大
[2] 重点不清:课件中的颜色高亮、加粗等重点标注无法自动识别
[3] 题型不明:不清楚考试具体题型分布,练习与真实考试脱节
[4] 计划混乱:时间紧迫没有科学复习计划,通宵效率低下
【为什么做这个方向】
中国约有4700万在校大学生,期末复习焦虑是普遍性痛点。我们选择"小切口、深挖掘"的策略,聚焦期末冲刺这一个具体场景,把资料解析、知识体系构建、题型训练、模拟考试、学习方案生成这五个核心环节打通,做一个功能完整、体验流畅的复习助手。
- Demo 体验地址
请下载附件中的 期末粥_Demo.zip,解压后双击 期末粥_Demo.html 即可在浏览器中运行(推荐Chrome/Edge)。
无需联网、无需安装、无需服务器。
- TRAE 实践过程
本项目全程使用 TRAE Work 完成,从创意构思到Demo开发均在TRAE对话中完成。以下是关键开发步骤:
【步骤1】创意构思与需求梳理
在TRAE Work中描述产品想法,AI协助梳理出10大核心功能模块,确定了"多格式资料解析→考试信息确认→知识图谱→题型训练→模拟考试→学习方案→视频搜索→PDF导出"的完整产品流程。
Session ID: 397388540022986:9cf2b2de66625ef8a5a6b73f4f5c5cee_6a4729e9e37dba528269fac1.6a4e55474e20665e6b207341.6a4e55474e20665e6b20733f:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/8 21:48:55)
【步骤2】前端界面设计与开发
使用TRAE Work的frontend-skill,采用深色学术风+琥珀金强调色的设计方案,构建了8个功能页面的完整交互。采用Linear式克制应用UI风格,侧边栏导航+页面切换动画,全部使用纯文本符号系统(零emoji)。
【步骤3】题型训练数据与交互逻辑
在TRAE Work中生成20道选择题、15道填空题、10道简答题、3道计算题的完整题目数据(含标准答案和解析),实现了即时批改、正确/错误反馈、进度统计等交互逻辑。知识点以"操作系统原理"为示例科目。
【步骤4】模拟考试与学习方案模块
实现了120分钟真实倒计时模拟考试系统、7天三阶段个性化学习方案(含每日任务表)、B站视频推荐卡片等模块,完善了整体产品体验。
【步骤5】文件上传功能完善
从模拟上传升级为真实文件上传功能,支持系统文件选择器多选、拖拽上传、自动识别文件格式和大小显示。
====================================================
报名帖链接
(在此附上你的报名帖链接,例如:https://forum.trae.cn/t/topic/68628)
====================================================

