专注小番茄 🍅

一个简洁美观的番茄钟桌面应用，帮助您保持专注，提高工作效率。

功能特点

• ✅ 番茄钟计时器（25分钟工作 / 5分钟短休息 / 15分钟长休息）
• ✅ 任务管理系统（添加、完成、删除任务）
• ✅ 数据统计（今日进度、专注时长、连续天数）
• ✅ 活泼卡通的界面设计
• ✅ 两种番茄规则模式（严格模式 / 灵活模式）
• ✅ 音效提醒
• ✅ 桌面通知

技术栈

• 前端: React + TypeScript + Vite
• 桌面框架: Tauri
• UI 框架: TailwindCSS + Framer Motion
• 状态管理: Zustand
• 图标: Lucide React

开发环境要求

• Node.js 18.x 或更高版本
• Rust (用于 Tauri 后端编译)
• Windows: WebView2 Runtime (通常已预装)
• Visual Studio C++ Build Tools

安装依赖

cd focus-pomodoro
npm install

开发模式

npm run dev

构建生产版本

npm run build

构建完成后，安装包位于 src-tauri/target/release/bundle/ 目录。

界面预览

配色方案

• 主色: 番茄红 (#FF6B6B)
• 辅色: 阳光黄 (#FFE66D)
• 强调色: 清新蓝 (#4ECDC4)
• 背景: 奶油色 (#FFF9E6)

功能说明

番茄钟计时器

• 大圆形进度条显示剩余时间
• 播放/暂停/重置/跳过控制
• 根据模式切换颜色和文字提示

任务管理

• 添加任务时可以设置优先级（低/中/高）
• 点击圆圈完成任务
• 任务打勾后显示完成状态

数据统计

• 今日完成的番茄数
• 总计专注时长（分钟）
• 连续打卡天数
• 每日目标进度条

使用说明

1. 点击"开始"按钮启动番茄钟
2. 专注工作 25 分钟
3. 番茄完成后会自动提示休息
4. 休息结束后开始下一个番茄
5. 可以随时添加任务来跟踪您的工作

项目结构

focus-pomodoro/
├── src/                    # React 源代码
│   ├── components/         # UI 组件
│   │   ├── Timer/         # 计时器组件
│   │   ├── TaskList/      # 任务列表组件
│   │   ├── Statistics/    # 统计组件
│   │   └── UI/            # 通用 UI 组件
│   ├── stores/            # Zustand 状态管理
│   ├── types/             # TypeScript 类型定义
│   ├── App.tsx            # 主应用组件
│   └── main.tsx           # 入口文件
├── src-tauri/             # Tauri 后端
│   ├── src/
│   │   └── main.rs        # Rust 主程序
│   ├── Cargo.toml         # Rust 依赖
│   └── tauri.conf.json    # Tauri 配置
└── package.json           # Node.js 依赖

待实现功能

• 设置页面（自定义时长、音效开关等）
• 数据持久化（SQLite）
• 每周统计图表
• 成就系统
• 托盘图标
• 主题切换（浅色/深色）

许可证

MIT

致谢

感谢使用"专注小番茄"，祝您专注高效！ 🍅