【Code with SOLO】用 SOLO 从零构建「成长星球」儿童教育平台 — 语文·数学·英语三科全覆盖

SOLO挑战赛专区
1

【Code with SOLO】用 SOLO 从零构建「成长星球」儿童教育平台 —— 语文·数学·英语三科全覆盖

一、摘要

面向 3-7 岁儿童，使用 TRAE SOLO 从零构建了一个包含 语文识字、数学思维、英语启蒙 三大星球的完整教育平台。项目采用 Nuxt 3 + FastAPI 全栈架构，涵盖 143 节课程、14 个互动游戏、语音识别跟读、离线缓存、家长报告等功能。通过 SOLO 的多阶段任务规划能力，在 4 个 Phase 中完成了 63 项开发任务，累计产出 149 个文件、15877 行代码。

二、背景

我是一名全栈开发工程师，同时也是一位 4 岁孩子的家长。市面上儿童教育 App 普遍存在以下问题：

  • 内容割裂：语文、数学、英语分散在不同 App，切换成本高

  • 交互单一：以视频/动画为主，缺少动手互动和即时反馈

  • 价格昂贵：年费动辄上千元，优质资源不普惠

  • 家长缺位：无法了解孩子的学习进度和薄弱环节

我希望用 AI 开发工具，为包括自己孩子在内的 3-7 岁儿童，打造一个免费、有趣、科学的综合教育平台。

三、实践过程

Phase 1：项目搭建与语文星球（T-001 ~ T-025）

任务拆解思路：先搭建可复用的基础设施，再逐模块开发。

使用 SOLO 的能力：

  • 架构设计：让 SOLO 设计前后端分离架构，确定 Nuxt 3 + FastAPI + MySQL 技术栈

  • 数据库设计：通过 SOLO 生成完整的数据库 Schema（8 张表），包括课程、学习进度、儿童档案等

  • 组件开发：让 SOLO 创建可复用的游戏框架（GameLayout + GameStart + GameResult），所有游戏共享同一套 UI

:light_bulb: 踩坑记录：Phaser 3 游戏引擎的配置对象不能用 Vue 的 reactive() 包裹，否则 Vue 会深度代理 Phaser 的 Scene 对象，导致 Cannot read properties of null 崩溃。SOLO 在代码审查中发现了这个问题并自动修复。

Phase 2：数学星球（T-026 ~ T-038）

数学模块包含 8 个子模块（数一数、比一比、分一分、认位置、认识图形、加减法、认识钟表、分类整理），共 96 节课程。

使用 SOLO 的能力：

  • 游戏逻辑生成：让 SOLO 基于 Phaser 3 开发数苹果、天平比较、糖果分配等互动游戏

  • 难度分级：每个游戏自动生成 3-4 个难度等级，适应不同年龄段

  • 计分系统：统一的 ScoreManager 管理星级评价（1-3 星）

Phase 3：英语星球（T-039 ~ T-051）

英语模块是最大的模块，包含 6 大功能：字母乐园、单词星球、自然拼读、歌谣天地、情景对话、绘本剧场。

使用 SOLO 的能力：

  • 五步学习法：每个课程都遵循「热身 → 听音 → 描红/练习 → 跟读 → 奖励」的科学学习路径

  • 语音技术集成：使用 Web Speech API 实现英语朗读（TTS）和语音跟读识别（STT）

  • Canvas 描红组件：LetterTracer 组件让孩子用手指/鼠标描写字母，自动检测完成度

  • 3D 翻卡动画：WordCard 组件使用 CSS 3D Transform 实现卡片翻转效果

  • 音频批量生成：使用 edge-tts 批量生成 170+ 个英语发音文件（zh-CN-XiaoxiaoNeural 语音）

:light_bulb: 踩坑记录：云环境无法访问 edge-tts 服务，SOLO 自动降级为 numpy 音频合成作为占位方案，确保开发流程不中断。

Phase 4：跨星球联动与激励体系（T-052 ~ T-063）

使用 SOLO 的能力：

  • 跨学科联动：数学页面添加英语数字对照（1→one），语文识字页面添加英文翻译

  • 激励体系：字母收集册（Canvas 撒花动画）、单词星图（SVG 星座）、12 个成就徽章

  • 数据埋点：8 种学习事件自动追踪，家长端生成可视化学习报告

  • 性能优化：组件懒加载、Service Worker 离线缓存、Core Web Vitals 监控

代码审核与自动修复

完成开发后，让 SOLO 进行了全项目 75 个文件的深度代码审查，发现 110 个问题（19 高危、45 中危、46 低危），SOLO 自动修复了 20 项关键问题，包括：

  • 数据库 ENUM 缺少 admin 值导致管理后台失效

  • SSR 环境下模块级状态跨请求污染

  • Token 明文存储安全风险

  • N+1 查询性能问题（416 条 SQL 优化到 8 条）

四、成果展示

项目架构

技术架构图

首页 - 四大星球入口

成长星球首页

英语星球 - 六大学习模块

英语星球模块

字母学习 - 五步法互动教学

字母学习页

项目数据

| 维度 | 数据 |

|------|------|

| 前端页面 | 14 个英语 + 11 个数学 + 8 个语文 + 5 个家长端 |

| 前端组件 | 6 个英语组件 + 4 个游戏组件 + 7 个 UI 组件 |

| 后端 API | 12 个英语端点 + 8 个通用端点 |

| 数据库表 | 4 张新表 + 54 条英语课程 + 96 条数学课程 |

| 音频资源 | 170+ 个 MP3 文件 |

| 代码规模 | 149 个文件，15877 行代码 |

| 构建产物 | 12.3 MB（gzip: 3.12 MB） |

技术亮点

  1. 科学的学习路径：五步法（热身→听音→描红→跟读→奖励）基于儿童认知科学设计

  2. 语音交互：Web Speech API 实现英语跟读评分，让孩子开口说英语

  3. 游戏化学习：Phaser 3 引擎打造数苹果、加法消消乐等互动游戏

  4. 离线可用：Service Worker + localStorage 双层缓存，无网络也能学习

  5. 家长端报告：可视化展示学习时长、模块进度、薄弱环节分析

五、效果与总结

提效数据

| 环节 | 传统方式 | 使用 SOLO | 提效 |

|------|----------|-----------|------|

| 架构设计 | 2 天 | 2 小时 | 8x |

| 前端开发 | 30 天 | 3 天 | 10x |

| 后端开发 | 15 天 | 2 天 | 7.5x |

| 音频制作 | 5 天 | 半天 | 10x |

| 代码审查 | 3 天 | 2 小时 | 12x |

SOLO 在项目中的核心价值

  1. 多阶段任务规划：将 63 项任务拆解为 4 个 Phase，每个 Phase 内并行执行多个子任务，大幅提升开发效率

  2. 自动代码审查：发现 110 个问题并自动修复 20 项关键问题，包括安全漏洞、性能瓶颈、SSR 兼容性等

  3. 技术选型决策：基于项目需求推荐 Nuxt 3 + FastAPI 全栈方案，并解释了每个技术选择的理由

  4. 问题自愈能力：遇到 edge-tts 不可用、SCSS 语法限制、Phaser 崩溃等问题时，SOLO 自动寻找替代方案

可复用的方法

  • "产品经理 + 开发者"模式：让 SOLO 同时扮演产品经理（需求拆解）和开发者（代码实现）两个角色

  • "开发-审查-修复"循环：每个 Phase 完成后自动进行代码审查，发现问题立即修复

  • "渐进式增强"策略：先实现核心功能，再逐步添加离线缓存、性能优化、数据追踪等增强功能

下一步计划

:rocket: 一句话总结：用 TRAE SOLO 从零构建了一个覆盖语文·数学·英语三科的儿童教育平台，63 项任务、149 个文件、15877 行代码，全程 AI 辅助开发。

1 个赞