【学习工作赛道】题宝TiBo — 你的专属复习搭子

【标签】 按所选赛道选择话题标签:生活娱乐/学习工作/社会服务/硬件交互,必须四选一;参加附加赛题的还可加选 社会公益 标签。(需要跟报名通过的赛道保持一致)

【标题】 报名赛道 + Demo 名称
(示例:【生活娱乐赛道】+XXXX

【正文】 至少包含以下 4 个部分,可以增加额外的部分(比如自我介绍、经验总结、踩坑复盘等)

0. 先和大家打个招呼吧 :waving_hand:

  • 你是谁: 用一句话介绍你的职业 / 身份(如:一名小学老师 / 大三学生 / 独立开发者 / 全职妈妈 / 产品经理……);

  • 你是怎么用 TRAE 把 Demo 做出来的: 没有技术背景也没关系 —— 说说你和 TRAE「配合」的真实感受。比如:是怎么把脑子里的想法一句句讲给它听的?哪一步让你觉得「原来这么简单」?它帮你跨过了哪个原本以为搞不定的坎?

  • (我们相信,每个作品背后都有一个真实的人。这段不计入评分,但真诚的分享,会让你的作品更有温度、也更容易被看到 :sparkles:)

1. Demo 简介

  • 是什么:一句话说清你的产品形态(App / 小程序 / 网站 / 系统 / 硬件等);

  • 面向谁:核心用户是哪些人;

  • 主要功能:列出 2–3 个核心功能,建议配产品截图或界面展示,让评审一眼看懂。

2. Demo 创作思路

  • 灵感来源:你为什么想到做这个;

  • 想解决的问题:用户真实存在的痛点;

  • 为什么做这个方向:你的判断和取舍。

3. Demo 体验地址(三选一)

  • 部署随时可公开访问的体验链接;

  • 交互式可体验的HTML格式文件,请使用Zip格式打包上传到社区;

  • 硬件交互赛道可用演示视频替代在线体验(视频请上传第三方平台后附公开链接)。

4. TRAE 实践过程

  • 清晰展示用 TRAE 完成 Demo 开发的完整流程;

  • 附开发关键步骤截图(不少于 3 张);

  • 附关键任务对话的 Session ID(不少于 3 个),用于证明作品由 TRAE 开发完成。

5. 对应的报名审核通过的帖子链接

Session ID 在哪找? Session ID 是 TRAE 每段对话任务的唯一标识,用来证明作品确实由 TRAE 开发完成。请在创作时保留关键任务的对话记录,发帖时附上对应 Session ID——双击 TRAE 的对话复制出来即可。(如下图)

# 题宝TiBo — 你的专属复习搭子

## 一、Demo简介

**题宝TiBo** 是一款面向大学生的智能刷题复习工具,以"复习搭子"为核心定位,强调陪伴感而非功能堆砌。

- **产品形态**:纯前端 Web 应用(HTML/CSS/JS),支持离线使用,可打包为 APK

- **面向用户**:需要高效复习的大学生群体,特别是动物医学等需要大量记忆的专业

- **核心功能**:

1. **喂食TiBo**:导入自定义题库(TXT格式自动解析),TiBo吉祥物随答题成长

2. **沉浸式刷题**:毛玻璃质感UI,单选/多选/判断/填空全题型支持

3. **2分钟快刷**:随机抽取3道题限时挑战,降低启动阻力

4. **TiBo的消化清单**:错题本趣味化包装,“TiBo帮你嚼碎题目”

5. **知识图谱**:生化知识可视化3D图谱,章节导航+代谢路径交互

6. **昼夜双主题**:白天清新毛玻璃+夜间深色玻璃拟态,手动切换

## 二、Demo创作思路

**灵感来源**:作为动物医学专业的学生,复习时面对大量知识点,市面上的刷题工具要么太功利(Anki),要么太幼稚(百词斩),缺乏一种"有人陪你一起学"的感觉。

**想解决的问题**:

- "不想开始刷题"的启动阻力大

- 现有工具缺乏情感陪伴,学习过程孤独

- 错题反馈冰冷,缺乏正向激励

**为什么做这个方向**:

- 将"喂食宠物"的养成机制与复习绑定,让每次答题都有意义

- 以"非科班开发者"视角,用动物医学专业背景转化为产品特色

- 强调"复习搭子"而非"学习工具",避免与成熟竞品正面竞争

## 三、Demo体验地址

已将可交互的HTML格式文件以Zip打包上传至社区(见附件 TiBo-Demo.zip)。

下载后解压,用浏览器打开 `题宝TiBo.html` 即可体验完整功能。

## 四、TRAE实践过程

整个Demo完全基于 TRAE Work(Solo模式)开发完成,以下是关键开发流程:

### 开发关键步骤截图

> 截图1:开场动画与主页面设计(毛玻璃质感+深绿色调)

>

> 截图2:刷题页面与多题型支持(单选/多选/判断/填空)

>

> 截图3:知识图谱3D可视化页面(生化代谢路径交互)

>

### 关键任务对话 Session ID

- Session ID 1: `6a4a42ab2603b5fa6f98bfe5`

- Session ID 2: 、6a4d25023456c0f8c8643e76

- Session ID 3: 6a4f48eea39be666329aa949

### 开发过程概述

1. **需求分析与产品定位**:通过TRAE对话确定"复习搭子"定位,设计喂食TiBo核心机制

2. **UI框架搭建**:使用毛玻璃设计语言,实现开场动画、主页、刷题页等核心页面

3. **题库系统开发**:实现TXT格式自动解析,支持单选/多选/判断/填空题型

4. **游戏化机制**:添加2分钟快刷、TiBo表情变化、错题食谱文案等情感化功能

5. **知识图谱**:开发生化知识3D可视化图谱,融合TiBo设计基因

6. **个人中心**:升级为学习账户级别设计,展示学习数据和成就

7. **双主题适配**:实现白天/黑夜模式切换,所有页面统一适配

8. **测试与打包**:全量回归测试,构建离线APK和Web版本

### 报名帖链接

报名帖: 题宝 · 大学生智能刷题工具

文件地址:链接: 夸克网盘分享
提取码:MLBb 夸克网盘分享