Skip to content

Latest commit

 

History

2 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Grade2Learning

Grade2Learning 是一个 Minecraft 风格的家庭自用二年级学习网页游戏。应用内名称为“薯条的世界”,面向薯条的小学二年级下学期学习场景,把语文、数学、英语、科学测验包装成探索地图、遇怪答题、开宝箱领奖励的游戏流程。

说明:当前版本使用了 Minecraft 官方视觉资源,适合家庭自用、私有部署、私有仓库保存。如果后续要公开发布、公开仓库展示、上架或分享给其他家庭,需要替换为原创或已授权资产。

Grade2Learning 首页截图

本地运行

npm install
npm run dev

打开:

http://localhost:5173/

不要直接用 file:// 打开 index.html,Vite/React 需要本地开发服务加载模块和资源。

主要功能

  • 世界地图:首页是方块世界地图,四门学科分别是语文之林、数学矿洞、英语村庄、科学实验室。
  • 知识测验:点击任意学科区域直接进入当前轮测验。每科 100 轮,每轮 9 道题。
  • 去重题库:语文、数学、英语、科学各 1080 道题,前 900 道覆盖 100 轮,题目编号、题干和每轮第一题均不重复。
  • 题型覆盖:支持选择、填空、判断、阅读理解、Odd one out、Read and write、Reading 等题型。
  • 重点题型:语文覆盖拼音、看字选拼音、短文阅读、语境词义;数学覆盖时间计算、图示表达、分组规律、图算结合应用题、逻辑提升;英语按私立学校水平设计,重点包含 odd one out、read and write、单复数、首字母大小写、阅读推理和词汇分类;科学覆盖观察、证据推理、材料、植物、水变化、磁铁、光影和红石实验。
  • 战斗式答题:角色持钻石剑在场景中移动,遇到不同怪物弹出题目;答对掉落并自动打开宝箱;每轮最后一题是 Boss 战。
  • 实时奖励:每题答对后积分和时长券实时更新,最后结算本轮成绩。
  • 错题本:答错自动进入错题本,展示正确答案、详细解析、常见错误原因,支持再次巩固。
  • 进度记忆:每次作答都会保存当前题号、答案和 Boss 状态,离开或刷新后再次进入会回到最近作答题。
  • 学习报告:展示测验记录、正确率、错题情况和学习建议。
  • 奖励兑换:积分、时长券和奖品商城可由家长配置,兑换会即时扣减对应积分和时长券。
  • 家长中心:进入和关键操作需要密码 123654;家长可配置积分规则、时长券规则、奖品库存,并可在每月兑换后把已有进度重置为 0。

技术栈

  • React
  • TypeScript
  • Vite
  • CSS 动画与像素风 UI
  • LocalStorage 本地进度存储
  • Service Worker / Web App Manifest 基础离线能力

构建

npm run build

构建产物会输出到 dist/

目录结构

src/                 应用源码
public/assets/       地图、角色、怪物、HUD 和导航图标资源
public/sw.js         离线缓存脚本
public/manifest.webmanifest

本地数据

学习进度、积分、时长券、错题本、家长设置等数据保存在浏览器 LocalStorage 中。更换设备或清理浏览器数据后,本地记录会丢失;如果后续要多人或多设备同步,需要接入后端存储。

About

Minecraft-style Grade 2 learning web app

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages