Yoga Image

Yogaardiana

Portfolio
  • Portfolio
  • Articles
HomePortfolioArtikel

© 2026 Yogaardiana. Hak cipta dilindungi.


Kembali ke Portofolio
Moreps — Personal Workout Tracker - Portfolio Banner

Moreps — Personal Workout Tracker

Kunjungi WebsiteGitHubYouTube
Flutter
Dart
Supabase
Riverpod
GoRouter
fl_chart

Video Demo

Tentang Project Ini

Moreps — Personal Workout Tracker & Strength Analyzer

Konteks & Masalah

Kebanyakan orang yang rutin nge-gym sering kehilangan jejak progress mereka sendiri — beban terakhir berapa kilo, udah berapa lama nggak PR, atau berat badan naik-turun tapi nggak kelihatan polanya. Catatan manual di notes HP gampang berantakan dan susah dianalisis. Moreps dibangun buat menjawab masalah ini: satu aplikasi yang mencatat setiap sesi latihan, memantau perkembangan kekuatan, dan mendeteksi rekor pribadi secara otomatis, tanpa perlu itung-itungan manual.

Yang Saya Bangun

Sistem Autentikasi & Onboarding. Login via Email/Password atau Google OAuth, dilengkapi smart session check yang otomatis mengarahkan user sesuai status login-nya. Proses onboarding mengumpulkan data awal (nama, tanggal lahir, berat, tinggi, fitness goal) supaya kalkulasi dan rekomendasi di dalam app langsung terasa personal sejak awal.

Workout Builder & Active Tracker. Fitur inti aplikasi — user bisa merakit template latihan dengan drag-and-drop, menambah set, dan konversi satuan KG ↔ LBS. Saat sesi berjalan, ada pencatatan real-time untuk timer, reps, beban, sampai exercise dadakan yang nggak ada di template awal.

Rest Timer dengan Notifikasi & Getaran. Countdown istirahat antar set dilengkapi notifikasi lokal, vibration feedback, dan kutipan motivasi supaya user tetap semangat pas lagi capek-capeknya.

Deteksi PR Otomatis & Analitik Visual. Setiap sesi yang selesai langsung dirangkum — volume, durasi, jumlah set, dan highlight kalau ada Personal Record baru. Semua progress ini divisualisasikan lewat grafik interaktif, termasuk pelacakan berat badan dengan filter 1 bulan/3 bulan/semua.

Riwayat & Kalender Latihan. Kalender visual dengan marker neon di tanggal-tanggal latihan, dipadukan infinite scroll history yang tetap ringan meski data sudah menumpuk banyak.

Keputusan Teknis

Moreps dibangun dengan Feature-First Structure yang dipadukan Repository/Service Pattern, jadi logika bisnis dan UI layer benar-benar terpisah — memudahkan maintain dan scale ke fitur baru. State management pakai Riverpod (Notifier & AsyncNotifier) supaya alur data reaktif dan predictable, sementara GoRouter menangani deklaratif routing termasuk deep linking untuk redirect OAuth. Untuk sisi visual, kami pilih tema Dark Mode + Glassmorphism dengan palet gelap #010102 dan aksen hijau neon #CFFF4B, biar tampilannya terasa premium sekaligus tetap nyaman dipakai lama saat sesi latihan.

Tech Stack

KategoriTeknologi
FrameworkFlutter & Dart
BackendSupabase (PostgreSQL, Auth, Storage)
State ManagementRiverpod
RoutingGoRouter
Visualisasi Datafl_chart
AutentikasiEmail/Password & Google OAuth

Tim & Metodologi

Moreps dikembangkan oleh tim berisi 3 orang — Yoga Ardiana (saya), Adprian Pratama, dan Nova Perwira — menggunakan metodologi Agile Scrum. Saya menjabat sebagai Project Manager sekaligus berkontribusi langsung dalam pengembangan aplikasi. Seluruh anggota tim terlibat aktif dalam setiap aspek pengembangan.

Proyek ini merupakan tugas akhir dari mata kuliah Mobile Programming dan Manajemen Proyek Sistem Informasi, di mana kami mengimplementasikan ilmu yang dipelajari secara langsung dalam pengembangan aplikasi.

Hasil

Moreps berhasil merangkum seluruh siklus latihan — dari perencanaan template, eksekusi sesi, sampai analisis jangka panjang — dalam satu aplikasi yang enak dipakai sehari-hari. Fitur deteksi PR otomatis dan grafik progress jadi nilai tambah yang bikin user lebih termotivasi buat konsisten latihan, bukan cuma sekadar mencatat data.

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

🎥 Demo Video: https://youtu.be/XgnO-fKrJd4 💻 Source Code: https://github.com/yogaarrd/Moreps-Gym-Apps-Personal-Tracker

Galeri

Kembali ke Portofolio