Browse Code
Zen Moment is a minimalist meditation and breathing practice tool designed to make mindfulness accessible to everyone. Built with modern web technologies and optimized for performance across all devices, this application provides a clean, distraction-free environment for meditation practice.
Key features include a precise meditation timer supporting 1-999 minute sessions with multiple presets, guided 4-7-8 breathing exercises based on Dr. Weil's proven relaxation technique, and an advanced analytics system that tracks practice patterns, habit consistency, and progress with achievement badges. The application also includes dark/light mode themes and 8 ambient background sound options for enhanced meditation experience.
Built with Next.js 14, TypeScript, and Tailwind CSS, the application achieves Lighthouse scores above 95. Static generation ensures optimal performance with fast loading times.
Features
- Precise meditation timer supporting 1-999 minute sessions
- Multiple quick-start preset options (1/3/5/10/15/20/30/45/60 minutes)
- Visual countdown display with progress indicators
- Automatic session recording and statistics tracking
- Guided 4-7-8 breathing exercise based on Dr. Weil's technique
- Visual breathing animations with timing cues
- Complete 4-cycle sessions with completion statistics
- Educational content with benefits explanation and practice tips
- Multi-timeframe statistics (Today/Week/Month/Season/Year/All Time)
- Achievement system with milestone badges (1h, 5h, 10h, 50h, 100h+)
- Habit analysis with practice patterns and consistency tracking
- Goal tracking with daily targets and streak counters
- Statistics export in JSON, CSV, and text summary formats
- 8 ambient background sound options (rain, forest, ocean, lake, insects, temple, thunder)
- Breathing phase audio cues (inhale, hold, exhale)
- Meditation start and end sound signals
Project Samples
