Tags: css html javascript Code & Dev Template: Text Parameterized Output: result (text)

Pomodoro Timer

Create a comprehensive pomodoro timer app

By Prompts Chat — Published on

Prompt template

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.

Parameters

${work-intervals:25min} work-intervals Default: 25min
${short-breaks:5min} short-breaks Default: 5min
${long-breaks:15min} long-breaks Default: 15min

Comments — 0

Related prompts