沉浸式番茄钟专注工具与效能工作台

沉浸式番茄钟专注工具 (Pomodoro Focus Pro)

项目简介

沉浸式番茄钟专注工具 是一款基于经典番茄工作法（Pomodoro Technique）打造的现代化全能型时间管理与心流保持应用。

项目采用纯前端技术栈构建，集成了 Web Audio API 程序化白噪音生成、24小时专注效能直方图、动态SVG环形倒计时 与 待办任务看板，旨在为开发者、学生及各类知识工作者提供专注、高效、零干扰的个人工作台。

---

核心功能特色

1. 经典番茄工作法状态机

• 专注时段（25分钟）、短休息（5分钟）、长休息（15分钟）智能循环轮替。

• 毫秒级高精度倒计时，支持空格键快捷开始/暂停，状态随时掌握。

2. Web Audio 原生音频合成（白噪音与提示音）

• 零依赖外部音频素材，使用数学振荡器与滤波器程序化生成「淅沥雨声」、「纯净白噪」与「温暖篝火」氛围声。

• 阶段结束时自动通过多频正弦波合成清脆悦耳的提示音。

3. 专注任务看板与效能统计

• 快速添加当前任务目标，支持勾选完成与删除管理。

• 24 小时专注力分布柱状图，实时统计今日专注总时长与已达成番茄钟数。

• 全本地 LocalStorage 持久化，保护个人隐私安全。

---

系统架构设计

架构模块说明

• 视图表现层：采用 Glassmorphism 玻璃拟态风格与响应式布局，配合 SVG 动态进度圈与 FontAwesome 图标系统。

• 状态驱动层：基于有限状态机管理专注、短休、长休三种运行态，处理自动跳转与计数逻辑。

• 声学引擎：通过 Web Audio API 动态构建音频节点链路，提供低资源消耗的高品质环境白噪音。

• 本地存储层：任务状态与统计数据本地自动序列化，免去后端配置即可开箱即用。

---

开源仓库与体验

• 代码仓库：https://gitcode.com/wdxb/pomodoro-focus

• 使用说明：直接在浏览器中打开 index.html 即可开始高效专注之旅！