AGBAZA APP

Contexte & problème
Tout le monde s'est déjà perdu en salle de sport. Trop de machines, des noms d'exercices incompréhensibles, aucun plan structuré. Les apps existantes qui résolvent ce problème existent — mais elles placent les fonctionnalités essentielles derrière des abonnements à 10-15$/mois. AGBAZA est né de ce constat personnel : avoir un outil de suivi complet, gratuit, et réellement pensé pour les débutants.

Ce que fait l'app
AGBAZA couvre l'intégralité du parcours d'un sportif en salle :
La bibliothèque d'exercices regroupe plus de 50 mouvements classés par groupe musculaire, avec pour chaque exercice une vidéo YouTube embarquée démontrant l'exécution correcte et un schéma anatomique interactif coloriant les muscles ciblés en temps réel. Plus besoin de quitter l'app pour aller chercher sur TikTok comment faire un soulevé de terre roumain.
Le constructeur de programmes permet de créer des schémas de séance personnalisés en sélectionnant des exercices depuis la bibliothèque, en définissant séries, fourchette de répétitions et temps de repos pour chacun, et en réordonnant les exercices par drag & drop. Quatre templates scientifiquement structurés sont disponibles dès l'installation : Sèche 4 jours, Full Body 3 jours, Prise de masse 4 jours, et Upper/Lower 4 jours.
Le mode séance live est le cœur de l'expérience. L'utilisateur valide chaque série en entrant le poids utilisé et les répétitions réalisées. Un timer de repos se déclenche automatiquement après chaque série validée avec son et vibration. La progression est visible en temps réel via une barre orange. En fin de programme principal, l'app suggère des exercices complémentaires filtrés sur les muscles non encore travaillés ce jour-là, en fonction du temps restant estimé.
Le tableau de bord de progression visualise l'évolution des charges par exercice semaine après semaine, le volume hebdomadaire par groupe musculaire, et l'historique complet des séances passées.

Défis techniques
Le premier défi a été la stratégie de données exercices. L'intégration initiale prévoyait ExerciseDB pour les GIFs animés — mais le tier gratuit de l'API v2 a supprimé les GIFs après intégration. La solution adoptée a été plus pertinente : remplacer les GIFs par des vidéos YouTube embarquées via YouTube Data API v3. Pour un débutant, un coach qui explique le mouvement en vidéo surpasse largement un avatar animé en 180px.
Le second défi a été le schéma anatomique. Un premier SVG custom généré par code donnait un résultat trop basique. L'intégration de la librairie body-highlighter a résolu le problème avec des silhouettes anatomiques détaillées, vue frontale et dorsale, avec coloration dynamique des muscles principaux en rouge vif et secondaires en rouge atténué.
Le troisième défi a été l'architecture offline-first : toutes les données exercices sont cachées dans Firestore dès le premier fetch API, évitant de consommer le quota quotidien à chaque ouverture de fiche.

Stack technique

Frontend : React 18 + Vite, PWA installable Android/iOS
Auth & Base de données : Firebase Auth + Firestore
Hébergement : Vercel (CI/CD automatique sur push GitHub)
APIs : ExerciseDB (muscles ciblés), YouTube Data API v3 (vidéos), Anthropic API (traduction descriptions)
UI : Design system custom — dark mode, police Syne, accent orange #F55E00
Librairies : body-highlighter (anatomie), Recharts (graphiques progression), react-i18next (FR/EN)


Résultat
Une app installable sur Android en moins de 10 secondes, sans abonnement, sans publicité, avec toutes les fonctionnalités que les grandes apps monétisent. Conçue et développée en autonomie complète, du design system jusqu'au déploiement.