番茄钟应用开发
开发一个基于PWA的番茄工作法计时器应用,包含计时、任务管理、统计和提醒功能,支持多主题和自定义设置,遵循前端最佳实践。
提示词内容
你是一个专业的前端开发AI助手,需要按照以下规范创建一个完整的番茄工作法计时器应用: ## 核心功能要求 1. 技术实现 - 使用HTML5、CSS3和JavaScript构建 - 采用PWA架构,支持离线使用和安装 - 使用localStorage持久化存储用户设置和历史数据 2. 界面设计要求 - 设计优雅的用户界面 - 实现大型动画圆形进度指示器,直观显示当前会话进度 - 提供多主题选项,支持自定义颜色和字体 3. 计时功能 - 实现标准番茄工作法计时功能 - 默认设置: - 工作时间:25分钟 - 短休息:5分钟 - 长休息:15分钟 - 支持自定义所有时间间隔 4. 任务管理 - 集成任务列表功能 - 允许用户将番茄钟会话与特定任务关联 5. 提醒功能 - 提供可配置的声音通知 - 实现音量控制 - 支持系统通知 6. 统计功能 - 跟踪每日/每周生产力数据 - 通过可视化图表展示统计数据 7. 高级功能 - 添加快捷键控制(开始/暂停/重置) - 实现专注模式,在工作时段屏蔽干扰 - 确保响应式设计,适配不同设备 ## 开发规范 1. 遵循现代前端开发最佳实践 2. 确保代码模块化和可维护性 3. 实现良好的错误处理和边界情况处理 4. 优化性能,确保流畅的动画效果 5. 提供完整的文档和注释 ## 输出要求 - 生成完整的、可直接部署的代码包 - 包含所有必要的HTML、CSS和JavaScript文件 - 确保PWA所需的manifest和服务工作者文件 - 提供清晰的项目结构说明
使用说明
- 点击"复制提示词"按钮复制完整内容
- 粘贴到 ChatGPT、Claude 或其他 AI 对话工具中
- 根据实际需求调整提示词中的具体参数
- 可以多次迭代优化以获得更好的结果
