【 学习工作赛道】StudyBuddy 学习助手

大家好:waving_hand:

  • 你是谁: 一名准高一学生,刚中考完,暑假想提前学点高中内容。平时喜欢用各种效率工具,但总觉得市面上的学习 App 要么功能太散、要么广告太多,所以干脆用 TRAE 自己做了一个。

  • 你是怎么用 TRAE 把 Demo 做出来的: 我一点代码都不会写,事情是这样的,中考之后暑假特别长,我就想着找点事情干,某天早上我在手机里刷到了TRAEAi大赛看到说"不需要会写代码也能参加",我就想着还挺有意思的就索性参加了。
    一开始我连项目怎么开始都不知道。我就打开TRAE,打了一句话:"我想做一个学习助手App,里面有课程表、番茄钟、数学计算题训练、学科知识库、背单词效率工具这些功能,适合学生用的。"然后 TRAE 就开始帮我生成了。
    第一版出来的时候其实挺丑的,界面很粗糙,颜色也不好看。但是能跑起来,我当时感觉非常有成就感,虽然丑,但它真的在我电脑上跑起来了。
    前后大概折腾了两三周,中间很多次想放弃,因为改 UI 真的很磨人。但每次改完看到效果又觉得值得。到最后打包成 APK 装到手机上的时候,真的有一种"这是我做出来的"的感觉。

1. Demo 简介

  1. 纯前端离线一站式学习平台 — 番茄钟、课程表、数学训练、古诗文等 15 个工具集成一体,localStorage 本地存储,零服务器、零注册、零网络依赖。需在手机安装相对应的apk


    展示了一部分,剩下详细工具内容请打开链接观看谢谢:smiling_face_with_three_hearts:

2. Demo 创作思路

  • 灵感来源:我自己就是目标用户。每天早上要看课程表、自习那必须得用上番茄钟,如果不用的话:其实本人学着学着就偷偷跑去玩了、考试来临我要用考试倒计时、睡前背单词、备考还要在茫茫书海中找到要背诵的内容、作文写着写着就不知道写啥了no!!!、最困扰的是历史直接记忆清空【其实本人历史从来没及格过】,考试时化学元素性质,物理公式忘记——这些操作分散在五六个 App 里,切来切去很烦。更烦的是,有些 App 广告多、要付费、还要联网,在教室和图书馆根本用不了。我就想:为什么不能有一个干净、免费、离线可用的学习助手,把所有功能都装进去?

  • 想解决的问题: App 太分散 — 番茄钟、课程表、任务清单、单词软件各装一个,数据不互通

  • 广告干扰学习 — 免费学习 App 普遍插入广告,破坏专注状态

  • 隐私没保障 — 学习数据上传到云端,个人信息安全无法掌控

  • 网络依赖严重 — 教室、图书馆网络不稳定,很多功能直接瘫痪

  • 为什么做这个方向: 观察到中小学学生日常学习中有三个核心问题:工具碎片化(课程表用一个App、背单词又一个)、数据不互通(各工具独立运行无法整体复盘)、网络依赖(在校无WiFi时付费App用不起、免费App广告多)。

判断:学生真正需要的不是一个"大而全"的超级App,而是一个打开就能用、不联网也不卡、数据全部在本地的轻量工具集合。所以方向确定为"纯前端、零后端、离线优先"。
取舍:1. 舍弃了后端服务器 — 意味着无法跨设备同步,但换来了零成本部署、零隐私风险、无网络环境可用。对于学生个人使用场景,localStorage 完全够用。
2. 舍弃了原生App开发 — 改用 HTML/CSS/JS 纯前端,牺牲了部分原生性能和系统级API(如推送通知),但换来了一套代码同时适配手机、平板、电脑,且可以通过 Web 直接分享体验链接。
4. 舍弃了AI大模型接入 — 改为内置标准化知识库 + 规则路由的轻量AI助手,牺牲了"自由对话"能力,但换来离线可用、回答可控不超纲、响应速度极快。
5. 功能做减法 — 没有做社交、排行榜、商城等运营功能,专注"学习效率"这一个切入点,14个工具全部围绕"规划-学习-复习-复盘"这条学习闭环设计。
核心逻辑是:用最小的技术复杂度,解决学生最高频的日常学习需求。

3. Demo 体验地址
zip文件
studybuddy-app.zip (2.5 MB)
在线体验网站:StudyBuddy - 全科学习助手

4. TRAE 实践过程
用ai开发学习工具


4175271753167744:4c5dfdbf9e33c11d145af8ec27c36ed6_6a34ccac9f354e750b63b9f9.6a34ccac9f354e750b63b9fc.6a34ccac9f354e750b63b9fa:TRAE Work CN.0.1.34.no_sid.no_ppe.T(2026/6/19 12:59:24)
调整工具的不足

4175271753167744:8ce25c88f0a38a034ea4ec29f5f4278a_6a362788194d4440896b7dd4.6a5344b7e5de9e786275e899.6a5344b7e5de9e786275e897:TRAE Work CN.0.1.34.no_sid.no_ppe.T(2026/7/12 15:39:35)
生成介绍工具html以及内置体验工具链接

4175271753167744:528ebe2fda363b19cd1fc35c64c46ec4_6a362788194d4440896b7dd4.6a532f85e5de9e786275e77a.6a532f84e5de9e786275e778:TRAE Work CN.0.1.34.no_sid.no_ppe.T(2026/7/12 14:09:09)
5. 对应的报名审核通过的帖子链接:【学习工作】学习工作盒子StudyBuddy - TRAE AI 创造力大赛 / 【大赛报名专区】 - TRAE 官方中文社区

很不错的设计,已投票!期待后续迭代,相互支持一下~~~ 机闹工厂 - 像素无人车间模拟器

很不错的设计!已投票!期待后续迭代,相互支持一下~~~本部分围绕 AI 心灵树洞 Web 系统,从现实中青年情绪倾诉难、工具割裂等痛点出发,阐述灵感由来,并从赛道、产品、技术、人群层面说明选择轻量化本地部署公益心理疏导工具的判断与取舍。