基于Vue.js的心算竞技场 | 实时对战PK × 渐进式训练 ✖️ 成绩追踪 📊 使用Vue.js构建的网页端数学训练平台，融合游戏化设计，支持多难度级别、排行榜、响应式布局，适合教育与娱乐场景。通过组件化开发实现高效交互，后续计划扩展社交分享与成就系统。🚀
https://ab.co1d.in
| .vscode | ||
| .yarn | ||
| public | ||
| screenshots | ||
| src | ||
| .editorconfig | ||
| .gitattributes | ||
| .gitignore | ||
| .pnp.cjs | ||
| .pnp.loader.mjs | ||
| .prettierrc.json | ||
| env.d.ts | ||
| eslint.config.ts | ||
| index.html | ||
| LICENSE.txt | ||
| package.json | ||
| README.md | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.ts | ||
| yarn.lock | ||
Arithma Battle
基于Vue.js的心算竞技场 | 实时对战PK × 渐进式训练
✓ 成绩追踪
📊 使用Vue.js构建的网页端数学训练平台，融合游戏化设计，支持多难度级别、排行榜、响应式布局，适合教育与娱乐场景。
🚀 通过组件化开发实现高效交互，后续计划扩展社交分享与成就系统。
项目概述
ArithmaBattle 是一款基于网页的交互式心算训练与竞技平台，旨在通过趣味PK模式和单机练习模式提升用户的计算速度和数学能力。
核心功能：
- 实时对战模式（支持加减乘除运算）
- 多难度级别适应不同年龄段用户
- 成绩追踪系统记录进步轨迹
- 响应式设计适配各种设备
项目特色：
- ✓ 将数学练习与游戏对战完美结合
- ✓ 单人训练与多人PK双模式
- ✓ 竞技机制激发学习动力
- ✓ 简洁直观的用户界面
- ✓ 适合课堂教学或家庭娱乐
无论是想提升计算能力的学生，还是喜欢数字游戏的爱好者，都能在这里找到挑战乐趣。
在线演示
可直接访问https://ab.coldin.in 查看演示
上述链接为演示部署版本。
技术栈
- 前端框架：Vue.js
- UI组件：自定义组件
- 状态管理：Vuex
- 路由管理：Vue Router
- 构建工具：Vite
- CSS预处理：SCSS/LESS
- 响应式设计：Flexbox/Grid
安装与运行
前提条件
- Node.js (v14.0+)
- npm 或 yarn
安装步骤
# 克隆仓库
git clone https://github.com/Coldin04/ArithmaBattle.git
# 进入项目目录
cd ArithmaBattle
# 安装依赖
yarn install
# 启动开发服务器
yarn dev
构建生产版本
yarn build
功能展示
贡献指南
欢迎对ArithmaBattle项目做出贡献！请按照以下步骤参与：
- Fork本仓库
- 创建您的特性分支 (
git checkout -b feature/AmazingFeature) - 提交您的更改 (
git commit -m 'Add some AmazingFeature') - 推送到分支 (
git push origin feature/AmazingFeature) - 开启一个Pull Request
开发计划
- 添加更多数学运算类型（如指数、开方等）
- 实现多人在线对战房间
- 添加成就系统
- 开发移动应用版本
- 支持自定义题目难度
许可证
本项目采用MIT许可证 - 查看LICENSE文件了解详情
联系方式
项目维护者: Coldin04 - https://co1d.in