# GrowTree成长树

**Repository Path**: jonehoo/GrowTree

## Basic Information

- **Project Name**: GrowTree成长树
- **Description**: GrowTree 旨在通过游戏化的方式解决家庭教育中的任务管理与动力问题。它将枯燥的学习任务转化为“接单”体验，并将学习时间转化为“成长资产”，帮助孩子在完成任务的同时，养成良好的时间管理习惯。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: GrowTree-public
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2026-03-01
- **Last Updated**: 2026-03-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align="center">
  <img src="GrowTree/logo/unnamed.jpg" width="120" height="120" alt="GrowTree Logo">
  <h1>GrowTree (成长树)</h1>
  <p><b>一款面向家庭的“派单式”学习任务管理系统</b></p>
  <p>家长派单 · 孩子接单 · 游戏化成长 · 柳比歇夫时间统计法</p>

  <div>
    <a href="https://growtree.fvcpc.cn/"><strong>访问家长端官网 »</strong></a>
  </div>
</div>

---

## 🌟 项目简介

**GrowTree** 旨在通过游戏化的方式解决家庭教育中的任务管理与动力问题。它将枯燥的学习任务转化为“接单”体验，并将学习时间转化为“成长资产”，帮助孩子在完成任务的同时，养成良好的时间管理习惯。

### 核心设计理念
- **柳比歇夫时间统计法**：不仅记录任务是否完成，更记录实际投入的时间，培养孩子对时间的感知力。
- **游戏化成长系统**：将积分转化为“水滴”和“经验值”，通过树木升级（从种子到参天大树）直观展示成长轨迹。
- **双端协同**：家长通过 Web 端高效管理，孩子通过微信小程序沉浸式使用。

---

## 📸 视觉预览

### 🖥️ 家长管理端 (Web)
家长端提供任务分发、进度监控、奖励设置以及多孩子管理功能。

| 仪表盘 | 任务列表 | 进度监控 |
| :---: | :---: | :---: |
| <img src="GrowTree/家长端/仪表盘.png" width="250"> | <img src="GrowTree/家长端/任务列表.png" width="250"> | <img src="GrowTree/家长端/进度监控.png" width="250"> |
| **上架奖励** | **孩子管理** | **绑定孩子** |
| <img src="GrowTree/家长端/上架奖励.png" width="250"> | <img src="GrowTree/家长端/孩子管理.png" width="250"> | <img src="GrowTree/家长端/绑定孩子.png" width="250"> |

### 📱 孩子端 (微信小程序)
孩子端界面清新，专注于计时交互和成长森林的趣味性。

| 任务列表 | 任务计时 | 成长森林 |
| :---: | :---: | :---: |
| <img src="GrowTree/孩子端/任务列表.PNG" width="200"> | <img src="GrowTree/孩子端/任务计时.JPG" width="200"> | <img src="GrowTree/孩子端/成长森林.PNG" width="200"> |
| **奖励兑换** | **个人中心** | **绑定家长** |
| <img src="GrowTree/孩子端/奖励兑换.PNG" width="200"> | <img src="GrowTree/孩子端/个人中心.PNG" width="200"> | <img src="GrowTree/孩子端/绑定家长.PNG" width="200"> |

---

## 🚀 快速开始

### 项目结构
```text
GrowTree-Project/
├── growtree-admin/      # 家长管理端 (Nuxt 3 + Vue 3 + TailwindCSS)
├── miniprogram-child/   # 孩子端 (微信小程序原生框架)
└── database/            # 数据库脚本 (MySQL)
```

### 技术栈
- **前端 (Web)**: Nuxt 3, Vue 3, TailwindCSS, Pinia, Element Plus
- **后端 (Server)**: Nuxt Server Engine (Nitro), MySQL
- **小程序**: 微信小程序原生开发
- **认证**: JWT + 微信登录

### 本地部署
1. **数据库准备**: 导入 `database/schema.sql` 到 MySQL。
2. **家长端/后端**:
   ```bash
   cd growtree-admin
   npm install
   # 配置 .env 文件 (数据库连接、JWT 密钥等)
   npm run dev
   ```
3. **孩子端**:
   - 使用微信开发者工具打开 `miniprogram-child`。
   - 修改 `utils/api.js` 中的 API 地址。

---

## 🔗 在线体验

| 家长端地址 | 孩子端体验码 |
| :--- | :--- |
| [https://growtree.fvcpc.cn/](https://growtree.fvcpc.cn/) | <img src="GrowTree/logo/gh_01451367de33_1280.jpg" width="150" alt="小程序码"> |

---

## 📄 许可证
本项目采用 [MIT License](LICENSE) 许可协议。

---
<div align="center">
  如果这个项目对你有帮助，欢迎点个 Star ⭐
</div>