A professional Krav Maga training timer app built with React. Features customizable rounds, work/rest intervals, audio cues, and mobile-optimized PWA design.
After 10 years as a Krav Maga instructor, I got frustrated with all the existing boxing/training timers. They either had terrible UX, interrupted my music, or just didn't work reliably during intense training sessions. not to mention countless adds. So I built the ultimate training timer I always wanted - one that actually works the way fighters need it to.
Visit: https://yanirw.github.io/KravTime/
No installation required - works instantly in your browser or as a PWA on mobile.
- 🥊 Customizable Training: 1-50 rounds, 30s-10min work, 30s-5min rest
- 🔔 Smart Audio: Bell sounds and warning claps (compatible with background music)
- 📱 Mobile PWA: Add to home screen for native app experience
- 🌙 Screen Wake Lock: Prevents sleep during workouts
- 📳 Haptic Feedback: Vibration support on mobile devices
- 🎯 Professional UI: UFC/boxing-style interface with smooth animations
- 🎵 Music Friendly: Won't interrupt Spotify, YouTube, or other audio apps
- ⚡ Responsive Design: Optimized for phones, tablets, and desktop
- Open in Safari → Share button ⬆️ → "Add to Home Screen"
- Open in Chrome → Menu ⋮ → "Add to home screen"
- Configure: Set rounds, work duration, and rest duration
- Start: Press START for 3-second countdown
- Train: Follow visual cues (Green=Work, Blue=Rest, Red=Paused)
- Control: Pause/resume, reset, or go home anytime
- React 18 + Tailwind CSS
- Radix UI components
- Progressive Web App (PWA)
- Web Audio API + Screen Wake Lock API
- GitHub Pages deployment
MIT License - Made by Yanir Winnik © 2025