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
File System Indexer CLI
Build a high-performance file system indexer
Landing Page Vibe Coding
Craft an engaging and visually appealing landing page that captures the essence of your brand using vibe coding techniques.
Drawing App
Create an interactive drawing application
Weather Dashboard
Build a comprehensive weather dashboard