Skip to content

jimmyomont/Planetary-Rhytms-HeartSync

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Planetary Rhytms : HeartSync

Plongez dans un voyage intérieur captivant avec Planetary Rhythms : HeartSync. Explorez les énergies apaisantes des planètes et découvrez l'harmonie profonde entre votre cœur et l'univers qui vous entoure. Laissez-vous guider par les rythmes célestes alors que votre respiration s' alignez-vous naturellement avec les pulsations de l'espace. Avec HeartSync, trouvez l'équilibre, la tranquillité et la sérénité en harmonisant votre cœur avec les mystères célestes

voir sur le site :

Fonctionnalités :

1. Choix du thème visuel :

Les utilisateurs peuvent choisir parmi différents thèmes de planètes (Soleil, Lune, Terre, Jupiter, Mars, Vénus) pour créer une ambiance visuelle relaxante.

2. Réglage des rythmes de respiration :

Les utilisateurs peuvent sélectionner différents rythmes de respiration (6/4, 5/5, 4/6, 3/7) pour pratiquer la cohérence cardiaque.

3. Sélection des thèmes musicaux d'ambiance :

Les utilisateurs peuvent choisir parmi une sélection de th

4. Réglage du minuteur :

Les utilisateurs peuvent définir la durée de leur session de cohérence cardiaque en s'appuyant parmi des options de minuterie (1 à 5 minutes).

5. Lecture et pause audio :

Les utilisateurs peuvent

6. Compteur de temps :

Un compteur de temps affiche la durée restante de la session en cours.

5. Animation de la planète :

Une animation visuelle de la planète guide les utilisateurs à travers le rythme de

6. Guide d'utilisation :

Les utilisateurs peuvent accéder à un guide expliquant les étapes d'utilisation de l'application.

7. Interface responsive :

L'application est conçue pour s'adapter à différentes tailles d'écran, offrant une expérience cohérente sur les appareils mobiles et de bureau.


Technologies utilisées :

HTML5 :

  • Pour la structurer le contenu de la page et créer les éléments d'interface utilisateur.
  • Audio HTML5 : Utilisé pour jouer les thèmes musicaux d'ambiance.

CSS3 :

Pour la mise en forme.

JavaScript :

Pour ajouter des interactions dynamiques à l'application, gérer les événements utilisateur, contrôler les minutes et gérer les éléments audio.

Media Queries :

Pour rendre l'application responsive

API DOM :

Pour manipuler et mettre à jour le contenu de la page en réponse aux actions de l'utilisateur.

Une version "Accessible est en cour délaboration ici Lien vers le site & le Lien vers le GitHub