Élan
Ma propre app de sport : une PWA avec coach IA. Tu décris ton objectif, elle génère un programme sur mesure. Pensée pour tenir la routine, avec une idée clé : regarder un TikTok pendant les gainages pour que le temps passe deux fois plus vite.
- Client
- Projet personnel
- Rôle
- Design & développement (PWA), en solo
- Année
- 2026
Le contexte
Projet personnel. Je savais faire des sites, je voulais débloquer une nouvelle compétence : créer une vraie application (une PWA). Le déclencheur était concret : l'été arrivait, je voulais me remettre au gainage et aux abdos, mais je n'arrivais ni à tenir une routine ni à suivre ma progression. Étant designer et de plus en plus à l'aise en vibe coding, j'ai lié les deux pour me construire mon propre coach.
Le défi
Tenir une routine de sport quand on n'y arrive pas seul : des séances simples, sans friction (pas de compte), et surtout l'envie de revenir jour après jour.
La réponse
Une PWA installable et sans compte : tu renseignes ton profil, tu dis à une barre de recherche ce que tu veux travailler, et un coach IA génère un programme adapté (ajusté par un questionnaire santé). Séances guidées, rappels par notifications push, coach vocal et musique intégrée.
Le process
Benchmark
Benchmark des apps de fitness : ce qui décourage (comptes, complexité) et ce qui, au contraire, donne envie de revenir.
Wireframe
Cette fois, le parcours d'une app et non d'une landing : onboarding, génération de programme, déroulé d'une séance.
Maquette Figma
Écrans mobile-first et direction visuelle : pensés pour être utilisés d'une seule main, en pleine séance.
Dev PWA
Développement en React / Vite via Claude Code : coach IA, notifications push, coach vocal, musique. Ma première PWA, du jamais-fait pour moi.
Direction artistique & choix
L'insight : un TikTok pendant le gainage
Avec mon pote Enzo, à l'escalade, on tenait mieux les gainages en regardant des TikToks : le temps passait deux fois plus vite. J'ai intégré ça, pendant les positions à maintenir, l'app t'occupe l'esprit. C'est ce détail qui rend l'effort tenable et l'app un peu addictive.
Zéro friction, pas de compte
Une app de sport ne sert que si on l'ouvre. Pas d'inscription : tu renseignes ton profil, tu décris ton objectif dans une barre de recherche (comme un outil IA), et le coach IA te génère un programme, ajusté par un court questionnaire santé.
Ramener la motivation
Le vrai problème, c'était de tenir dans la durée. J'ai ajouté du suivi, un peu de gamification (remplir ses séries de la semaine) et des notifications push qui me relancent chaque jour. Depuis, je ne lâche plus.
Une PWA bourrée d'intégrations
Ma première PWA : coach IA, notifications push (pas évident sur une PWA, via un service externe), coach vocal qui te parle, musique intégrée. Autant de briques que j'ai appris à assembler, et qui montrent ce que le vibe coding permet aujourd'hui.
Ce que j'ai livré
- Benchmark & wireframes (app, pas landing)
- Maquette Figma mobile-first
- PWA installable (React / Vite), sans compte
- Coach IA : génération de programme + questionnaire santé
- Notifications push, coach vocal & musique intégrée
- Mise en ligne (démo utilisable)
Le site en images
Résultats
Un projet similaire en tête ?
Projet suivant
Maison Perrier