Blog
Build in Public
1 avril 20265 min

L'app web change de peau — agenda 4 vues, monitoring, et l'IA qui apprend tes habitudes

38 commits en 10 jours. Zéro nouvelle fonctionnalité. Et pourtant, l'application web a changé de visage.

C'est le paradoxe du développement produit : les semaines qui comptent le plus sont souvent celles où il ne se passe "rien" de visible. Pas de nouvelle feature à annoncer, pas de screenshot spectaculaire. Juste du code qui rend l'existant meilleur, plus solide, plus professionnel.

L'agenda web en 4 vues

L'agenda du dashboard web avait une seule vue — la semaine. Suffisant pour une démo, insuffisant pour un usage quotidien. Maintenant, il propose 4 vues : jour, semaine, mois, année. Exactement comme sur l'app mobile.

Cliquer sur un événement ouvre ses détails. Cliquer sur une tâche, pareil. Les pages de détail des tâches et mémos ont été entièrement redessinées pour matcher l'expérience mobile — avec thumbnails d'images, navigation fluide, et la même structure visuelle.

L'objectif est clair : que la transition entre le téléphone et l'ordinateur soit invisible. Tu crées une tâche vocalement sur ton téléphone, tu la retrouves sur ton écran d'ordinateur avec la même présentation.

Les filets de sécurité : Crashlytics + Sentry

Quand ton app est utilisée par toi et 12 testeurs, tu peux te permettre de debugger par les logs Supabase et les "ça marche chez moi". Quand tu t'apprêtes à passer en production publique, ce n'est plus suffisant.

Deux systèmes de monitoring ont été ajoutés :

  • Firebase Crashlytics sur le frontend React Native — capture les crashes, les ANR (Application Not Responding), les erreurs JavaScript non catchées, avec stack traces complètes et contexte utilisateur.
  • Sentry sur le backend Node.js/Express — capture les erreurs API, les timeouts WebSocket, les exceptions non gérées, avec breadcrumbs et performance monitoring.

L'idée est simple : quand un bug se produit en production, on le sait avant que l'utilisateur ne s'en plaigne. C'est la différence entre "on a un problème" et "on a résolu le problème avant que tu le remarques".

L'IA apprend tes habitudes de nommage

Un seul commit, mais le genre qui change l'expérience au quotidien.

L'assistant vocal analyse maintenant les noms de tes dossiers existants pour détecter des patterns de nommage. Si tous tes dossiers de courses commencent par le nom du magasin ("Courses Carrefour", "Courses Leclerc"), l'IA le repère et applique le même pattern quand tu crées un nouveau dossier.

C'est le genre de détail qu'aucun utilisateur ne demandera jamais, mais que tout le monde remarque quand c'est là. L'IA ne fait pas juste ce que tu lui dis — elle comprend comment tu t'organises.

Performance et CRO

La landing page de tamsiv.com a reçu plusieurs optimisations :

  • Le hero glow animé utilisait un Canvas JavaScript qui consommait trop de CPU, surtout sur mobile. Remplacé par du CSS pur — même effet visuel, zéro impact sur la batterie.
  • Le sous-titre du hero a été réécrit pour expliquer clairement ce que fait TAMSIV en une phrase.
  • Le layout pricing a été amélioré — le label annuel sur sa propre ligne pour plus de clarté.
  • Le scroll spy du header corrigé — l'état actif ne se nettoyait pas en scrollant vers le haut.

Tracking intelligent

Savoir d'où viennent les visiteurs, c'est la base du marketing. Le tracking a été amélioré :

  • UTM paramètres sur chaque lien partagé — pour savoir quel post, quel canal, quelle campagne génère du trafic.
  • Capture IP côté serveur — pour des analytics plus fiables que le JavaScript client-side.
  • Admin dashboard enrichi — sélecteur de période (7 jours, 30 jours, 90 jours, tout), configuration synchronisée entre mobile et web.

versionCode 32

La build Android en est à sa 32ème version. 740+ commits. L'app est soumise au Play Store pour la revue de production. En attendant Google, on continue de polir.

38 commits, zéro feature, et une app qui est passée de "ça marche" à "c'est prêt".