Un coach sportif modulable
L’équilibre entre vie professionnelle intense et bien-être physique passe aussi par des outils simples et sans friction. Ce mini-coach est né d’un besoin personnel, conçu avec la même approche minimaliste que mes autres projets.
Page web mobile pour dérouler une séance de vingt minutes : échauffement, étirements du dos, renforcement aux haltères. Les trois phases s’enchaînent automatiquement, et le programme est piloté par un fichier exercices.csv éditable sans toucher au HTML.
L’interface
L’écran s’organise en trois niveaux : un tableau de bord — volumétrie, progression, action principale —, la liste des exercices groupés par phase, et une barre de lecture flottante qui n’apparaît qu’avec la séance.
C’est cette barre qui fait le plus gros du travail. Les commandes restent sous le pouce, sans avoir à remonter la page, avec l’anneau du temps restant et le nom de l’exercice suivant. Le haut de l’écran, lui, reste lisible de loin.
| Geste | Effet |
|---|---|
| Tap sur un exercice | Lance ou suspend son chronomètre |
| Fin d’un exercice | Vibration, bip, puis cinq secondes de récupération pendant lesquelles l’exercice à venir est mis en avant |
| Barre de lecture | Précédent, pause, suivant |
| Clavier | Espace pour lancer ou suspendre, ← / → pour naviguer, R pour remettre à zéro |
Stack technique
- HTML / CSS / JavaScript natifs — aucune dépendance
- Fetch API — chargement du CSV au démarrage
- Vibration API et Web Audio API — signal de fin d’exercice
- Wake Lock API — écran maintenu allumé pendant la séance
- Icônes Tabler en SVG inline, polices Space Grotesk / Inter / JetBrains Mono
- Thèmes Catppuccin Latte et Mocha, repris de la charte graphique de ce site
Utilisation mobile
Conçu pour être ajouté à l’écran d’accueil iPhone (Safari → Sur l’écran d’accueil). S’ouvre en plein écran sans barre de navigation.
Déployé via Gitlab + Netlify