Pomodoro Timer App

Pomodoro Timer App

Il s'agit d'une application Pomodoro Focus conçue pour améliorer la productivité avec une minuterie personnalisable. L'application comprend les modes de concentration, de courte pause et de longue pause, ainsi que la possibilité de consulter vos statistiques de concentration hebdomadaires. Le projet est construit en utilisant HTML, CSS et JavaScript.

Démo en direct

Découvrez la version live ici.

Caractéristiques

• Modes de mise au point : comprend les modes de mise au point, de pause courte et de pause longue.
• Minuterie personnalisée : ajustez la durée de mise au point, la durée des pauses et définissez le nombre de séances de mise au point avant une longue pause.
• Thèmes sombres et clairs : basculez entre les modes sombres et clairs pour un meilleur confort.
• Revue hebdomadaire : affichez vos heures de concentration quotidiennes et la durée de concentration totale pour chaque semaine. Les données sont réinitialisées au début de chaque nouvelle semaine.
• Stockage local : vos paramètres et statistiques hebdomadaires sont enregistrés dans le stockage local du navigateur.

Inspiration de conception

La conception de cette application est inspirée d'un kit d'interface utilisateur Pomodoro Timer sur Figma. Vous pouvez voir le design original ici.

Technologies utilisées

• HTML : Structure de l'application web.
• CSS : Style et design réactif.
• JavaScript : Fonctionnalités, minuterie, gestion des paramètres et persistance des données.

Comment exécuter le projet localement

1. Clonez ce dépôt :

   git clone https://github.com/arianimmen/Pomodoro-Timer-App.git

2. Accédez au répertoire du projet :

    cd Pomodoro-Timer-App

3. Ouvrez public/index.html dans votre navigateur pour démarrer l'application.

Cotisations

Les contributions sont les bienvenues ! N'hésitez pas à créer le référentiel et à soumettre des demandes d'extraction.