Pomodoro Timer App Development
Build a full-featured pomodoro productivity app with work/break timers, task lists, statistics charts, and PWA support.
Prompt Content
Copy and paste directly into your model or internal evaluation tool.
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.
Use Cases
Reference Output
A fully functional pomodoro web app including animated circular progress bar, configurable timer intervals, task list, statistics charts, PWA support, keyboard shortcuts, and multiple themes.
Scoring Rubric
1. Functionality (40%): Are all required features implemented?; 2. UI Design (20%): Aesthetics and animations; 3. Code Quality (20%): Readability and maintainability; 4. Responsive Design (10%): Adaptation across devices; 5. Innovation (10%): Additional features
Try & save
Fill variables and copy, or save as a personal template.
This template has no variables and is ready to copy.
User Rating
0 ratingsYour rating
Log in to rate
Comments
0Log in to comment
Related Prompts
Code Review Specialist
Act as a senior software developer to review code for quality, best practices, and optimization potential.
Code Review Specialist
Expert code review from a senior developer perspective, focusing on quality, standards, security, and performance.
Profile / Avatar - Early 2000s Internet Cafe Webcam Couple
A prompt for generating a low-resolution, candid webcam photo of a couple in an early 2000s internet cafe, capturing nostalgic aesthetic details.
Profile / Avatar - Retro Hospital Nurse Cosplay Prompt
A detailed prompt for generating a photorealistic retro hospital nurse cosplay portrait with specific costume, setting, and lighting instructions.