Étude de cas

Trame

Une app familiale qui réunit l’agenda, les courses, les tâches, les repas, les notes et les dépenses d’un foyer.

Partagée entre adultes et enfants.

Statut au 8 octobre 2026
iPhone : version 1.0 envoyée à l’App Store, en cours de vérification par Apple. Web : utilisable. Android : prévu, en pause.
Technologies et thèmes
  • Expo
  • React Native
  • TypeScript
  • Supabase
  • RLS
  • Cloudflare
  • Agents IA

Captures

  • Accueil de Trame : les tâches du jour, les articles à acheter et la trame de la journée.
  • Calendrier du mois avec les rendez-vous de chaque membre du foyer, chacun dans sa couleur.
  • Liste de courses classée par catégories, avec une case à cocher par article.
  • Réglages Google et Outlook : lien d’abonnement à l’agenda du foyer et agendas relus dans Trame.
  • Menu de la semaine : déjeuners et dîners par jour, et bouton pour faire la liste de courses.

Visuels de présentation de l’application sur iPhone : interface réelle, foyer fictif « Famille Martin », aucune donnée réelle.

Vidéo de présentation

Vidéo de présentation de Trame, 35 secondes, sans son. Elle montre l’agenda partagé d’une famille, une liste de courses cochée chez l’un et mise à jour chez l’autre, un agenda mensuel avec une couleur par personne, puis les engagements de vie privée : pas de publicité, pas de traqueur, aucune revente de données.

Problème

La logistique d’une famille est éparpillée : messages, papiers, agendas séparés (travail, école, couple). Chacun voit une partie de la semaine, personne ne voit la même.

Solution et fonctions

Un seul endroit, la même semaine pour tout le foyer. Public visé : couples et familles, adultes et enfants. Interface 100 % en français.

  • Agenda de la famille : une couleur par membre, vues jour, semaine et mois, événements récurrents, rappels.
  • Google Agenda et Outlook : l’agenda du travail s’affiche dans Trame (lien en lecture seule), et l’agenda du foyer s’affiche dans Google ou Outlook (abonnement .ics).
  • Listes et tâches : la liste de courses se coche en magasin et se met à jour en direct chez l’autre ; les tâches ont une personne et une échéance.
  • Le reste du foyer : notes, repas de la semaine et recettes, dépenses partagées, emploi du temps scolaire, messages et documents.
  • Notifications : on est prévenu quand un proche ajoute un rendez-vous.
  • Vie privée : pas de publicité, pas de traqueur, aucune revente de données, pas de mot de passe (code à usage unique par e-mail), suppression du compte immédiate.

Mes décisions

Le produit est le mien, de la première idée à l’envoi à l’App Store. Parmi les décisions que j’ai prises :

  • Nom et identité : j’ai écarté le premier nom, FamilyHub, trop proche d’une application existante. J’ai gardé l’idée du tissage et refusé les premières propositions graphiques, « trop scolaires ».
  • Produit : j’ai retiré la séparation famille / travail / perso, qui se déduisait de la sélection des membres. J’ai demandé les répétitions personnalisées, la synchronisation avec Outlook et Gmail, les éléments de liste à cocher, un même niveau de design sur ordinateur et sur mobile, et des mots coupés net plutôt que des points de suspension.
  • Sécurité : j’ai demandé un renforcement de la sécurité, puis un nouvel audit après l’ajout de fonctions.
  • Publication : j’ai choisi les pays de publication et la région des données (Paris).
  • Revue Apple : je l’ai gérée moi-même (enregistrement d’écran sur iPhone, compte de test pour les relecteurs, réponse à Apple).

Je teste sur un vrai téléphone et je rapporte les défauts par enregistrements d’écran.

Choix techniques

Sécurité

  • Règles d’accès au niveau des lignes (RLS) : un foyer ne voit jamais les données d’un autre. Supabase (PostgreSQL), 26 migrations rejouables.
  • Session chiffrée sur l’appareil : AES-256, clé dans le Trousseau iOS.
  • Aucune clé secrète dans le code.
  • Politique de confidentialité vérifiée contre le code réel.
  • Connexion sans mot de passe : code à usage unique par e-mail.

Application et services

  • App : Expo (SDK 57) et React Native, TypeScript, expo-router. Un seul code pour iPhone, web et Android.
  • Données et comptes : Supabase (PostgreSQL, authentification par code à usage unique, stockage de fichiers).
  • E-mails de connexion : Brevo. Notifications : service de notifications d’Expo vers Apple (APNs). Site, version web et hébergement : Cloudflare.
  • Qualité : environ 340 tests automatisés ; vérification des types (TypeScript) à chaque changement.
  • Construction et publication : EAS Build (Expo) pour compiler l’app iOS, TestFlight, App Store Connect.

Design

Police à empattement Fraunces dans l’app et les vidéos, DM Serif Display pour le titre de la vidéo de présentation. Palette sobre, mode clair et sombre automatique. Icône : lignes colorées entrelacées sur fond sombre. Les vidéos d’animation (aperçu App Store, réseaux, boucle du site) sont réalisées en code, dans le dossier motion/ du dépôt.

Méthode de travail

Je définis le produit, je décide et je teste. L’écriture du code est confiée à plusieurs agents IA (Claude), chacun avec un territoire précis :

  • un agent principal (iOS, web, base de données) ;
  • un agent Android ;
  • un agent motion design ;
  • un coordinateur qui répartit le travail, vérifie les livraisons et tient la documentation (HANDOFF.md).

Règles imposées : un territoire par agent, jamais de commit global, un seul envoi sur GitHub, vérification avant chaque livraison.

Je décide, je vérifie chaque livraison et je teste sur de vrais téléphones. Le code est écrit par des agents IA ; ce n’est pas du code écrit à la main.

État actuel et liens

  • iPhone : version 1.0 envoyée à l’App Store, en cours de vérification par Apple (envoi le 7 octobre 2026). Disponible en test via TestFlight. Pays visés : Canada, France, Belgique, Luxembourg, Suisse. Gratuite.
  • Web : version utilisable sur trameapp.app/app ; site de présentation sur trameapp.app.
  • Android : prévu, volontairement en pause (Google Play exige d’abord 12 testeurs).

Lien : politique de confidentialité.

Autres études de cas