小步错题本产品系统Vibe Coding

我要开发同款
冰風0062026年10月30日
3阅读

技术信息

语言技术
Nginx、React、TypeScript
系统类型
Web
行业分类
教育校园

作品详情

行业场景

面向学生的错题记录与复习产品:录题 → 练习 → 看统计三步闭环,前后端全栈自研并已独立上线运营。

功能介绍

| 模块 | 说明 |
| --- | --- |
| 账号体系 | 注册/登录/改密/会话恢复,教育阶段与昵称建档 |
| 错题录入 | 学科/题型/知识点/题干/我的答案/正确答案 + 6 类错因归因,最多 3 张图,前端压缩 + 数学符号一键插入 |
| 错题本 | 卡片/列表双视图、四维组合筛选、四种排序、关键词搜索、批量删除、待复习标记 |
| 大图查看 | 全屏 100%→300% 缩放 + 拖动看局部 + 多图逐张翻 |
| AI 解题答疑 | 服务端下发模型名单,支持读题图,逐字 SSE 流式,可连续追问 |
| 练习模式 | 按范围抽题逐题重做,先作答后看答案;AI 判卷输出「判定 + 讲评」;答对掌握度 +1、答错清零 |
| 自建练习题 | 录入同类题混入抽题池 |
| 统计分析 | 错因环形图、学科掌握度堆叠条、近 4 周新增折线、最需加强知识点 |
| 数据备份 | 全量 JSON 导出(含图片与练习记录)/ 导入(覆盖或追加) |
| 旧数据迁移 | 首次登录分批把本机 localStorage 错题搬上云,带进度游标可断点续传 |
| 首页 | 未登录展示三步快速入门引导,已登录展示最近错题与待复习红点 |

项目实现

独立承担全部工作:需求梳理与产品取舍、UI 设计(浅色底 + 蓝紫主色 #615CED + 左侧胶囊导航 + 马卡龙渐变卡片,窄侧栏收成底部 tab)、前端架构与组件、后端服务与数据建模、AI 接入与成本防护、可访问性改造、云服务器部署与备份运维、文档与发布流程建设。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论