一个支持双视角的儿童成长追踪应用:家长管理后台 和 儿童游戏化前台。
- 目标管理:层级目标体系(工作目标 → 高考 → 中考 → 小升初 → 年级 → 学期)
- 学科能力指标追踪
- 任务管理与完成情况
- 统计分析可视化(生长曲线等)
- 游戏化任务系统
- 成就徽章解锁
- 连续打卡追踪
- 称号系统与成就统计
后端
- Node.js + Express
- SQLite (better-sqlite3)
- TypeScript
前端
- React 18 + TypeScript
- Vite
- TailwindCSS
- Recharts(图表)
# 后端依赖
cd server && npm install
# 前端依赖
cd client && npm install# 同时启动前后端
cd server && npm start &
cd client && npm run dev或者使用后台方式:
cd server && npm start &>/dev/null &
cd client && npm run dev &>/dev/null &- 前端地址:http://localhost:3000
- 后端地址:http://localhost:3001
# 前端构建
cd client && npm run build
# 启动生产服务器
cd server && npm start├── server/ # 后端
│ ├── src/
│ │ ├── index.ts # Express 入口
│ │ ├── database.ts # 数据库初始化
│ │ └── routes/ # API 路由
│ │ ├── goals.ts
│ │ ├── subjects.ts
│ │ ├── ability-indicators.ts
│ │ ├── tasks.ts
│ │ ├── achievements.ts
│ │ ├── stats.ts
│ │ ├── goal-indicators.ts
│ │ └── config.ts
│ └── data/
│ └── growth.db # SQLite 数据库
│
├── client/ # 前端
│ └── src/
│ ├── App.tsx # 角色切换
│ ├── components/
│ │ ├── parent/ # 家长后台
│ │ └── child/ # 儿童游戏化前台
│ └── ...
使用 SQLite 数据库,文件位于 server/data/growth.db。
主要表:
goals- 层级目标subjects- 学科树ability_indicators- 能力指标tasks- 任务achievements- 成就定义streak_records- 连续打卡记录goal_indicators- 目标×指标矩阵
MIT