# TimeQuad

**Repository Path**: oyjq/TimeQuad

## Basic Information

- **Project Name**: TimeQuad
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-02-25
- **Last Updated**: 2025-02-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 时光象限 (TimeQuad)

一个基于React的任务管理应用，结合四象限法则和番茄工作法，帮助你更高效地管理时间和任务。

🔗 [在线演示](https://oyjq0000.github.io/TimeQuad)

## 功能特点

### 四象限任务分类
- 基于任务的紧急性和重要性进行分类
- 直观的网格布局展示四个象限
- 每个象限都有清晰的任务描述和管理建议

### 番茄工作法集成
- 每个任务都可以使用番茄工作法进行时间管理
- 标准25分钟工作时段
- 任务进行时的实时计时显示
- 支持暂停、继续和停止功能
- 自动记录每个任务的番茄钟数量

### 任务管理
- 创建、编辑和删除任务
- 设置任务优先级
- 估算任务时间（分钟/小时）
- 标记任务完成状态
- 追踪任务的开始和结束时间
- 已完成任务的历史记录
- 任务统计分析功能
- 历史任务查询和管理

### 数据持久化
- 自动保存任务状态
- 保存进行中的番茄钟信息
- 本地存储确保数据不丢失

## 技术栈

- React 18
- TypeScript
- Vite
- LocalStorage API
- CSS3 Grid Layout

## 开始使用

1. 克隆项目
```bash
git clone [repository-url]
cd TimeQuad
```

2. 安装依赖
```bash
npm install
```

3. 启动开发服务器
```bash
npm run dev
```

4. 构建生产版本
```bash
npm run build
```

## 使用说明

### 添加任务
1. 点击右上角的"添加任务"按钮
2. 填写任务标题
3. 选择任务优先级（四象限分类）
4. 设置预计完成时间
5. 点击"添加"确认

### 使用番茄工作法
1. 在任务卡片上点击"开始专注"按钮
2. 专注工作25分钟
3. 完成后休息5分钟
4. 每完成4个番茄钟，休息15-30分钟

### 任务管理
- 通过复选框标记任务完成状态
- 点击任务卡片上的操作按钮进行编辑或删除
- 在历史任务面板中查看和管理已完成任务
- 使用统计功能分析任务完成情况和工作效率

### 统计分析
- 查看任务完成数量和分布情况
- 分析各象限任务的占比
- 追踪番茄钟使用情况
- 评估工作效率和时间管理成效

## 更新日志

### 2025.2 更新
- 优化任务管理界面
- 添加任务时间估算功能
- 完善番茄工作法计时功能
- 增加任务开始和结束时间记录
- 改进数据持久化机制
- 新增任务统计分析功能
- 优化历史任务管理界面
- 添加应用重置功能

## 贡献

欢迎提交Issue和Pull Request！

## 许可

MIT License