Pomodoro Timer
Create a comprehensive pomodoro timer app
Content
Create a comprehensive pomodoro timer app using HTML5, CSS3 and JavaScript following the time management technique. Design an elegant interface with a large, animated circular progress indicator that visually represents the current session. Allow customization of work intervals (default ${Work Intervals:25min}), short breaks (default ${Short Breaks:5min}), and long breaks (default ${Long Breaks:15min}). Include a task list integration where users can associate pomodoro sessions with specific tasks. Add configurable sound notifications for interval transitions with volume control. Implement detailed statistics tracking daily/weekly productivity with visual charts. Use localStorage to persist settings and history between sessions. Make the app installable as a PWA with offline support and notifications. Add keyboard shortcuts for quick timer control (start/pause/reset). Include multiple theme options with customizable colors and fonts. Add a focus mode that blocks distractions during work intervals.
Related Prompts
Advanced Color Picker Tool
Build a professional-grade color tool
Fierce Medieval Queen on Iron Throne Portrait
Create an ultra-realistic, photorealistic portrait of a fierce and regal medieval queen on the iconic Iron Throne, with hyper-detailed textures and cinematic composition.
Drawing App
Create an interactive drawing application
Create STYLE_GUIDE.md
This prompt assists users in creating a comprehensive STYLE_GUIDE.md for their projects. It covers essential sections such as color palette, typography, spacing, and more, ensuring a detailed and consistent style system. Users can also include example component design references.