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 — Personal Workout Tracker & Strength Analyzer

Context & Challenge

Most people who lift regularly lose track of their own progress — what they lifted last time, how long it's been since their last PR, or how their body weight has actually been trending. Manual notes on a phone get messy fast and are hard to analyze. Moreps was built to solve exactly that: one app that logs every workout session, tracks strength progress, and automatically detects personal records, with no manual number-crunching required.

What I Built

Authentication & Onboarding. Sign in via Email/Password or Google OAuth, backed by a smart session check that automatically redirects users based on their login status. The onboarding flow collects initial data (name, date of birth, weight, height, fitness goal) so calculations and recommendations feel personal from day one.

Workout Builder & Active Tracker. The app's core feature — users can assemble workout templates with drag-and-drop, add sets, and convert between KG and LBS. Once a session starts, real-time logging covers the timer, reps, weight, and even spontaneous exercises that weren't part of the original template.

Rest Timer with Notifications & Vibration. Countdown timers between sets come with local notifications, vibration feedback, and motivational quotes to keep users going when fatigue kicks in.

Automatic PR Detection & Visual Analytics. Every completed session is summarized instantly — volume, duration, set count, and a highlight if a new Personal Record was hit. All this progress is visualized through interactive charts, including a body weight tracker with 1-month/3-month/all-time filters.

History & Workout Calendar. A visual calendar marks workout dates with neon indicators, paired with infinite scroll history that stays smooth even as data piles up.

Technical Decisions

Moreps follows a Feature-First Structure combined with a Repository/Service Pattern, keeping business logic cleanly separated from the UI layer for easier maintenance and scaling. State management runs on Riverpod (Notifier & AsyncNotifier) for reactive, predictable data flow, while GoRouter handles declarative routing, including deep linking for OAuth redirects. On the visual side, we went with a Dark Mode + Glassmorphism theme — a dark #010102 palette with a neon green #CFFF4B accent — for a premium feel that's still comfortable to look at during long workout sessions.

Technology Stack

CategoryTechnology
FrameworkFlutter & Dart
BackendSupabase (PostgreSQL, Auth, Storage)
State ManagementRiverpod
RoutingGoRouter
Data Visualizationfl_chart
AuthenticationEmail/Password & Google OAuth

Team & Methodology

Moreps was developed by a team of 3 — Yoga Ardiana (myself), Adprian Pratama, and Nova Perwira — using the Agile Scrum methodology. I served as the Project Manager while also contributing directly to the development. All team members were actively involved in every aspect of the project.

This project was the final assignment for the Mobile Programming and Information Systems Project Management courses, where we directly applied the knowledge and skills learned in class to build this application.

Outcome

Moreps successfully wraps the entire training cycle — from template planning to live session tracking to long-term analysis — into one app that's genuinely pleasant to use daily. Automatic PR detection and progress charts add real motivational value, turning the app from a passive logbook into something that actively pushes users to stay consistent.

🔗 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