番茄时钟 Productivity Pro

功能特性

🕒 核心功能

• 可定制的工作/休息时间（25/5分钟默认）
• 环形进度条可视化剩余时间
• 工作/休息模式自动切换
• 完成提示音效与视觉反馈

📊 数据统计

• 每日专注时间趋势图表
• 任务效率分布分析
• 高效时间段热力图
• 数据导出功能（JSON格式）

✅ 任务管理

• 任务增删改查
• 任务进度跟踪
• 任务优先级排序
• 任务关联番茄钟

快速启动

前置需求

• Python 3.6+
• 现代浏览器（推荐 Chrome/Edge 最新版）

# 1. 启动开发服务器
python start_server.py

# 2. 浏览器自动打开 http://localhost:8000
# 或手动访问上述地址

项目结构

.
├── index.html         # 主界面
├── styles.css         # 样式设计
├── script.js          # 核心逻辑
├── start_server.py    # 本地服务器
└── confetti.js        # 庆祝动画

自定义配置

修改主题色

/* 工作模式颜色 */
--work-mode-color: #ff6b6b; 

/* 休息模式颜色 */ 
--break-mode-color: #4ecdc4;

调整时间预设

// 修改预设时间（单位：分钟）
const PRESET_TIMES = [25, 45, 60]; 

技术栈

• 前端框架: Vanilla JS
• 可视化: Chart.js 3.7+
• 动画: CSS Transition/Transform
• 交互: Sortable.js 1.14+
• 构建: 零依赖原生实现

数据持久化

所有数据本地存储于：

• localStorage (浏览器)
• IndexedDB (大量历史数据)

常见问题

为什么需要启动本地服务器？

由于使用现代JavaScript模块功能，直接打开HTML文件会导致CORS限制。我们的start_server.py已配置跨域支持。

如何迁移数据？

通过统计页面的"导出报告"功能，可获取完整JSON数据备份。

开源协议

MIT License © 2024 [Your Name]