Yoga Image

Yogaardiana

Portfolio
  • Portfolio
  • Articles

Back to Portfolio
Moreps — Personal Workout Tracker - Portfolio Banner

Moreps — Personal Workout Tracker

Visit WebsiteGitHubYouTube
Flutter
Dart
Supabase
Riverpod
GoRouter
fl_chart

Video Demo

About This Project

Moreps — Suivi d'entraînement personnel & analyseur de force

Contexte

La plupart des personnes qui s'entraînent régulièrement perdent le fil de leur propre progression — quel poids elles ont soulevé la dernière fois, depuis combien de temps elles n'ont pas battu un record, ou comment leur poids corporel évolue réellement. Les notes manuelles sur le téléphone deviennent vite désordonnées et difficiles à analyser. Moreps a été conçu pour résoudre ce problème : une seule application qui enregistre chaque séance, suit la progression de la force, et détecte automatiquement les records personnels, sans calcul manuel.

Réalisations

Authentification et onboarding. Connexion via Email/Mot de passe ou Google OAuth, avec une vérification intelligente de session qui redirige automatiquement l'utilisateur selon son statut de connexion. Le parcours d'onboarding collecte les données initiales (nom, date de naissance, poids, taille, objectif fitness) pour que les calculs et recommandations soient personnalisés dès le départ.

Workout Builder et suivi en temps réel. La fonctionnalité centrale de l'app — l'utilisateur peut assembler ses templates d'entraînement par glisser-déposer, ajouter des séries, et convertir les unités KG ↔ LBS. Une fois la séance lancée, tout est enregistré en temps réel : minuteur, répétitions, charges, et même les exercices spontanés absents du template initial.

Minuteur de repos avec notifications et vibrations. Le compte à rebours entre les séries s'accompagne de notifications locales, d'un retour par vibration, et de citations motivantes pour garder l'utilisateur engagé quand la fatigue s'installe.

Détection automatique des records et analyses visuelles. Chaque séance terminée est résumée instantanément — volume, durée, nombre de séries, et une mise en avant si un nouveau record personnel a été atteint. Toute cette progression est visualisée via des graphiques interactifs, avec un suivi du poids corporel filtrable sur 1 mois, 3 mois, ou l'historique complet.

Historique et calendrier d'entraînement. Un calendrier visuel marque les jours d'entraînement avec des indicateurs néon, associé à un historique à défilement infini qui reste fluide même avec beaucoup de données.

Choix techniques

Moreps repose sur une Feature-First Structure combinée à un Repository/Service Pattern, séparant clairement la logique métier de la couche UI pour faciliter la maintenance et l'évolution. La gestion d'état utilise Riverpod (Notifier & AsyncNotifier) pour un flux de données réactif et prévisible, tandis que GoRouter gère un routage déclaratif incluant les deep links pour les redirections OAuth. Côté visuel, nous avons opté pour un thème Dark Mode + Glassmorphism — une palette sombre #010102 avec un accent vert néon #CFFF4B — pour un rendu premium tout en restant confortable à regarder pendant de longues séances.

Technologies

CatégorieTechnologie
FrameworkFlutter & Dart
BackendSupabase (PostgreSQL, Auth, Storage)
Gestion d'étatRiverpod
RoutageGoRouter
Visualisation de donnéesfl_chart
AuthentificationEmail/Mot de passe & Google OAuth

Équipe & Méthodologie

Moreps a été développé par une équipe de 3 personnes — Yoga Ardiana (moi-même), Adprian Pratama, et Nova Perwira — en utilisant la méthodologie Agile Scrum. J'ai occupé le rôle de Chef de Projet tout en contribuant directement au développement. Tous les membres de l'équipe étaient activement impliqués dans tous les aspects du projet.

Ce projet était le devoir final des cours de Programmation Mobile et de Gestion de Projets Systèmes d'Information, où nous avons directement appliqué les connaissances acquises en cours pour construire cette application.

Résultat

Moreps réussit à condenser tout le cycle d'entraînement — de la planification des templates au suivi des séances en direct, jusqu'à l'analyse à long terme — dans une application agréable à utiliser au quotidien. La détection automatique des records et les graphiques de progression apportent une réelle valeur motivationnelle, transformant l'app d'un simple carnet de suivi en un véritable moteur de régularité.

🔗 Live website: https://moreps.vercel.app/

🎥 Demo Video: https://youtu.be/XgnO-fKrJd4 💻 Source Code: https://github.com/yogaarrd/uas_mobile_programing

Gallery

Back to Portfolio