Application complète de minuteur Pomodoro avec prise en charge PWA

Créez une application complète de minuteur Pomodoro en utilisant HTML5, CSS3 et JavaScript, en suivant la technique de gestion du temps. Concevez une interface élégante avec un grand indicateur de progression circulaire animé qui représente visuellement la session en cours. Permettez la personnalisation des intervalles de travail (par défaut ${Work Intervals:25min}), des pauses courtes (par défaut ${Short Breaks:5min}) et des pauses longues (par défaut ${Long Breaks:15min}). Intégrez une liste de tâches où les utilisateurs peuvent associer des sessions Pomodoro à des tâches spécifiques. Ajoutez des notifications sonores configurables pour les transitions d'intervalles avec contrôle du volume. Implémentez un suivi statistique détaillé de la productivité quotidienne/hebdomadaire avec des graphiques visuels. Utilisez localStorage pour conserver les paramètres et l'historique entre les sessions. Rendez l'application installable en tant que PWA avec prise en charge hors ligne et notifications. Ajoutez des raccourcis clavier pour un contrôle rapide du minuteur (démarrer/pause/réinitialiser). Incluez plusieurs options de thème avec des couleurs et des polices personnalisables. Ajoutez un mode concentration qui bloque les distractions pendant les intervalles de travail.