Comment créer une application de fitness avec l’IA

Avant de générer quoi que ce soit, définissez clairement la première version. Les applications de fitness deviennent souvent compliquées parce qu’elles essaient de gérer en même temps les entraînements, la nutrition, le coaching, les paiements, les objets connectés et les fonctionnalités communautaires.

Pour une première version, gardez un périmètre limité. Une application de départ pratique a généralement besoin de :

• un écran d’accueil avec la progression du jour
• un écran de journal d’entraînement
• un écran d’historique ou de calendrier
• un écran de profil ou de paramètres
• un moyen de créer ou modifier des entraînements

Décidez ensuite quelles données l’application stocke. Pour un simple suivi fitness, cela peut inclure :

• le profil utilisateur
• le nom de l’entraînement
• la liste des exercices
• les séries, répétitions, poids, durée ou distance
• la date de l’entraînement
• les notes
• les séances terminées

Décidez aussi si les utilisateurs ont besoin d’un compte. Si l’application conserve l’historique personnel sur plusieurs appareils, la connexion a du sens. Si ce n’est qu’un prototype ou un suivi personnel hors ligne, vous pouvez commencer sans authentification et l’ajouter plus tard.

Si vous prévoyez de facturer des programmes de coaching ou des abonnements, notez-le dès le départ. Moremade dispose d’un connecteur Stripe intégré pour le paiement avec les prix que vous définissez, mais n’ajoutez les paiements que si l’application en a vraiment besoin dans la première version.

Moremade fonctionne mieux lorsque vous décrivez l’application en langage simple. Pour les applications mobiles, il génère du React Native avec Expo, et vous pouvez continuer à modifier l’application par chat tout en vérifiant l’aperçu en direct.

Un mauvais prompt est souvent trop vague, par exemple « crée une application de fitness ». Un meilleur prompt explique le public cible, les écrans principaux, les données clés et le style d’interaction.

Utilisez un prompt comme celui-ci :

Crée une application mobile de suivi fitness pour des personnes qui veulent enregistrer leurs entraînements de musculation. Utilise une interface propre et simple, avec des boutons clairs et un texte grand. Crée ces écrans : Accueil, Enregistrer un entraînement, Historique et Profil. Sur Accueil, affiche l’état de l’entraînement du jour et des statistiques rapides. Sur Enregistrer un entraînement, laisse l’utilisateur ajouter des exercices, des séries, des répétitions et le poids, ainsi que des notes et la durée de l’entraînement. Sur Historique, affiche les entraînements précédents dans une liste défilante avec les dates. Sur Profil, affiche les informations de base de l’utilisateur et ses objectifs d’entraînement. Commence avec des données fictives et rends la navigation facile sur téléphone.

Ce type de prompt donne à l’IA suffisamment de structure pour produire quelque chose de révisable sans imposer chaque petit choix d’implémentation.

La première version est généralement un point de départ, pas l’application finale. Ouvrez l’aperçu en direct et examinez l’application comme un critique produit, pas seulement comme un créateur.

Repérez les problèmes pratiques :

• L’action principale est-elle évidente ?
• Un utilisateur peut-il enregistrer un entraînement en moins d’une minute ?
• La taille du texte est-elle lisible sur un téléphone ?
• Les données sont-elles organisées d’une manière qui correspond à la façon dont les gens s’entraînent ?
• Y a-t-il trop de champs sur un seul écran ?

Moremade inclut un inspecteur visuel, ce qui permet de pointer un élément et de le modifier, et il existe aussi une vue du code si vous souhaitez inspecter directement le code généré.

Les bons prompts de suivi sont concrets. Par exemple :

• « Modifie l’écran Enregistrer un entraînement pour que chaque exercice soit affiché sous forme de carte avec les boutons Ajouter une série et Supprimer une série. Garde une mise en page compacte pour mobile. »
• « Ajoute un résumé hebdomadaire de la progression sur l’écran Accueil, avec le nombre d’entraînements réalisés, le total de séries et le temps total d’entraînement. »
• « Simplifie la navigation en déplaçant les paramètres du Profil dans une section plus petite et en rendant l’Historique plus facile à parcourir en regroupant les entraînements par semaine. »

Lors de l’affinage, changez une seule zone à la fois. Si vous demandez en même temps une refonte visuelle, des changements de données et de nouvelles fonctionnalités, la révision devient plus difficile et les régressions sont plus faciles à manquer.

Beaucoup d’applications de fitness ont besoin de données persistantes. Si les utilisateurs veulent que leur historique d’entraînement soit enregistré, partagé sur plusieurs appareils ou rattaché à un compte, ajoutez un backend. Moremade inclut Supabase pour la base de données, la connexion et le stockage de fichiers.

Une progression logique est :

• commencer avec des données fictives
• valider les écrans et les parcours
• ajouter Supabase quand la structure vous semble correcte

Pour cette application, Supabase est utile si vous avez besoin de :

• connexion par e-mail ou par compte
• historique d’entraînement enregistré
• objectifs spécifiques à l’utilisateur
• données de profil
• progression stockée dans le temps

Vous pourriez demander quelque chose comme :

• « Connecte cette application à Supabase. Ajoute la connexion, stocke les entraînements par utilisateur et enregistre les exercices avec la date, les séries, les répétitions, le poids, la durée et les notes. »

N’ajoutez Stripe que si vous vendez quelque chose, comme un abonnement de coaching ou un programme d’entraînement payant. Moremade dispose d’un connecteur Stripe intégré pour le paiement avec les prix que vous définissez. Si l’application n’est qu’un suivi personnel, ignorez les paiements et gardez le produit plus simple.

C’est aussi le moment de réfléchir à la structure des données. Si les séances peuvent contenir plusieurs exercices et que chaque exercice peut contenir plusieurs séries, dites-le clairement dans vos instructions afin que l’application générée modélise les données comme vous l’attendez.

Les applications de fitness sont utilisées en mouvement, souvent d’une seule main, dans des salles de sport lumineuses ou entre deux séries. Les tests sur mobile sont ici plus importants que pour beaucoup d’outils internes.

Passez en revue les tâches courantes :

• démarrer un entraînement
• ajouter un exercice
• enregistrer rapidement des séries
• corriger une saisie erronée
• terminer un entraînement
• consulter la séance précédente

Vérifiez les problèmes mobiles courants :

• boutons trop petits pour les pouces
• trop de texte sur un même écran
• contraste insuffisant en lumière forte
• formulaires trop lents lors d’entrées répétées
• statistiques importantes trop éloignées en bas de page

Si un parcours semble maladroit, revoyez précisément l’interaction. Par exemple, si la saisie des répétitions et du poids est trop lente, demandez des contrôles de saisie plus grands, moins de clics ou un schéma d’ajout de série plus rapide.

Comme Moremade génère du vrai code React Native (Expo) pour les applications mobiles, vous n’êtes pas limité à une maquette fermée. Vous pouvez exporter le code source en ZIP ou le pousser vers GitHub à tout moment si vous souhaitez poursuivre le développement en dehors de l’outil.

Une fois l’expérience de base fonctionnelle, publiez-la. Moremade permet de publier en un clic sur un sous-domaine gratuit yourname.moremade.ai. C’est utile pour partager un prototype fonctionnel, faire une revue interne ou recueillir des retours précoces d’utilisateurs.

Si vous êtes sur une formule payante, vous pouvez connecter un domaine personnalisé. Les domaines peuvent aussi être achetés directement dans Moremade.

Avant de publier, faites une courte vérification de sortie :

• confirmez que les noms d’écrans et les libellés sont cohérents
• supprimez les contenus de remplacement dont vous n’avez plus besoin
• assurez-vous que les données fictives sont remplacées si des données réelles sont nécessaires
• vérifiez que la connexion fonctionne si elle est activée
• vérifiez que le paiement fonctionne si vous avez ajouté Stripe
• contrôlez que la navigation ramène l’utilisateur au bon endroit après l’enregistrement

Si vous avez besoin de la base de code pour votre dépôt ou votre flux de travail d’équipe, exportez le code source complet en ZIP ou poussez-le vers GitHub. Moremade ne vous enferme pas dans un runtime propriétaire pour le code généré de l’application.

Le problème le plus fréquent est de commencer trop large. Un suivi fitness utile vaut mieux qu’une plateforme d’entraînement à moitié construite.

Évitez ces erreurs :

• Rédiger des prompts vagues. « Crée une application de fitness » est trop ouvert. Indiquez les écrans, les utilisateurs et le type exact de suivi.
• Ajouter les comptes trop tôt. Commencez avec des données fictives, sauf si l’historique sur plusieurs appareils est indispensable dès le premier jour.
• Ajouter des paiements sans vraie fonctionnalité payante. Stripe doit soutenir une offre réelle, pas seulement exister parce que le connecteur est disponible.
• Surcharger l’écran de saisie. Si les utilisateurs saisissent des données entre les séries, la vitesse compte plus que la complexité visuelle.
• Changer trop de choses par prompt. Les révisions plus petites sont plus faciles à examiner et moins susceptibles de casser un travail déjà fait.
• Sauter les tests sur téléphone. Une mise en page qui paraît correcte en aperçu desktop peut quand même être gênante sur un petit écran.

Faites aussi attention à l’utilisation. Moremade mesure le travail en Build Units. Une première création de site coûte environ 8 unités et une petite modification environ 1. Cela donne une idée du coût d’itération pendant que vous peaufinez l’application.