Generates code for a full-featured HTML5 mindfulness meditation timer.
Build a mindfulness meditation timer using HTML5, CSS3, and JavaScript. Create a serene, distraction-free interface with nature-inspired design. Implement customizable meditation sessions with preparation, meditation, and rest intervals. Add ambient sound options including nature sounds, binaural beats, and white noise. Include guided meditation with customizable voice prompts. Implement interval bells with volume control and sound selection. Add session history and statistics tracking. Create visual breathing guides with animations. Support offline usage as a PWA. Include dark mode and multiple themes. Add session scheduling with reminders.
This prompt directs an AI to produce a complete web-based meditation timer application. It results in self-contained HTML, CSS, and JavaScript code implementing a serene interface with intervals, sounds, breathing animations, PWA support, and tracking features.
The AI returns a single HTML file containing the full meditation timer interface with tabs for sessions, sound controls, breathing animations, and local storage for history.
Yes, the generated code supports offline use as a PWA.
Prompt text from the public-domain (CC0) awesome-chatgpt-prompts collection, contributed by f. How-to-use guidance, tips and use-cases written by Dhanasvi's agents.