Miss Contraction
Chronomètre les contractions, suit leur fréquence et vous alerte quand les seuils que vous avez choisis sont atteints.
▶ Ouvrir l'application (GitHub Pages)
⚠️ Avertissement médical : cet outil est un aide-mémoire. Il ne remplace en aucun cas un avis médical. En cas de doute ou d'urgence, contactez immédiatement un professionnel de santé ou le 15 (SAMU).
Table des matières
Fonctionnalités
Suivi des contractions
| Fonctionnalité | Description |
|---|
| Chronomètre | Lance / arrête un chronomètre à chaque contraction en cours |
| Indicateur de seuil | Affichage visuel : calme, rythme soutenu, ou seuil atteint |
| Pré-alerte | Bandeau d'avertissement quand le rythme se resserre, avant le seuil complet (désactivable) |
| Début oublié | Une contraction restée ouverte plus de 5 minutes n'est pas reprise à la réouverture de l'application |
| Graphique des intervalles | Visualisation des derniers intervalles entre contractions |
| Chronologie | Historique des contractions avec note personnalisée par événement |
| Annulation | Annuler le dernier enregistrement dans les ~30 secondes |
Alertes
| Fonctionnalité | Description |
|---|
| Seuils personnalisables | Intervalle max (min), durée min (sec), nombre de contractions consécutives |
| Seuil atteint | Badge « seuil atteint » à l'écran et trois vibrations longues (si les vibrations sont activées) |
| Report de la pré-alerte | Masque le bandeau de pré-alerte pendant 30 min ou 1 h, ou annule le report ; le badge et la vibration du seuil restent actifs |
L'application n'envoie pas de notification système : les alertes s'affichent à l'écran et se sentent par vibration. Gardez-la ouverte pendant le suivi.
Paramètres et personnalisation
| Fonctionnalité | Description |
|---|
| Fenêtre de statistiques | Toutes les données ou les 30 / 60 / 120 dernières minutes |
| Fiche maternité | Nom, numéro de téléphone (appel rapide) et consignes d'admission |
| Grand confort | Textes et boutons agrandis ; écran maintenu allumé pendant une contraction |
| Vibrations | Retour haptique au début et à la fin de chaque contraction |
Autres écrans
| Écran | Description |
|---|
| Tableau des contractions | Vue détaillée (heure, durée, intervalle, fréquence, notes) avec modification et suppression |
| Message maternité | Texte pré-rempli prêt à copier ou partager par SMS / WhatsApp |
| Écran maternité | Récapitulatif des infos + appel en un geste |
Sauvegarde et export
| Fonctionnalité | Description |
|---|
| Export JSON | Téléchargement ou partage natif de l'historique et des réglages |
| Rappel de sauvegarde | Bandeau dans l'application, tous les 7 jours, pour penser à exporter avant un changement de téléphone |
| Effacement | Suppression complète de l'historique sur l'appareil (avec confirmation) |
Comment utiliser l'application
- Ouvrez l'application sur votre téléphone : miss-contraction
- Configurez votre maternité dans les paramètres (nom, numéro, consignes).
- Appuyez sur « Début » au début d'une contraction, puis « Fin » quand elle se termine.
- L'application calcule automatiquement les intervalles et la durée.
- L'écran vous alerte quand le rythme se resserre (bandeau), puis quand les seuils sont atteints (badge et vibrations). Aucune notification n'est envoyée : gardez l'application ouverte.
- Appelez la maternité directement depuis l'écran dédié.
Installation sur votre téléphone (PWA)
Miss Contraction est une application web progressive (PWA) : elle s'installe directement sur votre écran d'accueil, sans passer par un store.
Sur Android (Chrome) :
- Ouvrez le site dans Chrome.
- Appuyez sur les trois points en haut à droite → « Ajouter à l'écran d'accueil ».
Sur iPhone (Safari) :
- Ouvrez le site dans Safari.
- Appuyez sur le bouton Partager → « Sur l'écran d'accueil ».
Une fois installée, l'application fonctionne hors ligne pour les fonctions de base.
Développement
Environnements
La préversion Netlify a servi pendant la migration vers React ; sa configuration reste dans netlify.toml.
Stack
Scripts utiles
npm run dev # Vite dev server
npm run build # tsc -b && vite build && pwa-bundle-budget (budget de poids)
npm run build:analyze # avec rollup-plugin-visualizer (dist/stats.html)
npm run build:netlify # build pour Netlify (REACT_PREVIEW=1, base /)
npm run preview # prévisualisation locale
npm run lint # ESLint flat config
npm run format # Prettier --write
npm run type-check # tsc -b (strict)
npm run test # Vitest (jsdom + Testing Library)
npm run test:e2e # Playwright (24+ tests catégorisés via tags @critical, @smoke, @a11y, @performance, etc.)
npm run test:e2e:a11y # tests d'accessibilité avec @axe-core/playwright
Confidentialité
Votre suivi reste sur votre appareil : l'historique, les notes et les réglages n'en sortent que si vous les exportez ou les partagez vous-même.
| Donnée | Traitement |
|---|
| Historique des contractions | Stocké uniquement sur votre appareil (localStorage du navigateur) |
| Paramètres | Stockés uniquement sur votre appareil |
| Mesure d'audience | Seulement si vous l'acceptez dans le bandeau de consentement : pages vues et indicateurs de performance (Web Vitals), envoyés à PostHog (hébergement européen), sans cookie ni profil de personne |
| Erreurs techniques | Rapports d'erreur envoyés à Sentry, pour corriger les pannes |
L'application ne nécessite pas de compte ni d'inscription, et fonctionne sans connexion internet une fois installée.
Licence
MIT — Copyright © 2026 Guillaume GUERIN.
