ElectronReact 18TypeScriptZustandRecharts
番茄钟桌面应用
功能完备的番茄工作法桌面应用 — 智能计时、任务管理、数据统计、三套主题切换。
1 / 7
项目背景
番茄工作法是广泛验证的时间管理方法，但市面工具普遍功能单一或过度复杂。我们需要一款兼具计时、任务管理和数据追踪的专业工具：本地运行、无需联网、无广告干扰。
技术方案
基于 Electron 构建跨平台桌面应用，React 18 + TypeScript + Zustand 状态管理。SVG 圆形进度环配合径向渐变发光动画实现视觉计时；Recharts 完成数据统计图表；CSS 自定义属性驱动三套完整主题系统（暖阳橙/经典红/素雅米），32个变量覆盖全局样式。
核心功能
三种计时模式：专注 / 短休息 / 长休息，自动循环切换
任务管理：添加、拖拽排序、预估番茄数、关联当前计时
数据统计：今日/本周/本月专注时长、连续专注天数(Streak)、近7天柱状图
三套主题：暖阳橙(默认)、经典红、素雅米，一键切换
SVG圆形进度环 + 径向渐变发光动画
系统原生通知 + 自动长休息提醒