Replog
Full-stack PWA παρακολούθησης γυμναστικής για καταγραφή προπονήσεων, παρακολούθηση προόδου και κοινοποίηση προγραμμάτων.
Τεχνολογίες
Επισκόπηση
Μια σύγχρονη εφαρμογή παρακολούθησης γυμναστικής κατασκευασμένη με Next.js 15, TypeScript και MongoDB. Οι χρήστες μπορούν να δημιουργούν προσαρμοσμένα προγράμματα προπόνησης, να καταγράφουν βάρη, επαναλήψεις και σετ για κάθε άσκηση, και να παρακολουθούν την πρόοδό τους με τον καιρό. Η εφαρμογή εμφανίζει δεδομένα προηγούμενων προπονήσεων για να βοηθήσει στο σπάσιμο προσωπικών ρεκόρ, υποστηρίζει κοινοποίηση προγραμμάτων μέσω email και αποθηκεύει αυτόματα την πρόοδο προπόνησης για συνέχιση ημιτελών συνεδριών. Κατασκευασμένη ως Progressive Web App, λειτουργεί offline και μπορεί να εγκατασταθεί σε οποιαδήποτε συσκευή.
Βασικά Χαρακτηριστικά
- 1Αυθεντικοποίηση χρηστών με NextAuth.js
- 2Δημιουργία προσαρμοσμένων προγραμμάτων προπόνησης
- 3Καταγραφή προπόνησης με βάρη, επαναλήψεις και σετ
- 4Δεδομένα προηγούμενων προπονήσεων για σπάσιμο ρεκόρ
- 5Αντιγραφή με ένα κλικ από προηγούμενες προπονήσεις
- 6Κοινοποίηση προγραμμάτων με άλλους χρήστες
- 7Αυτόματη αποθήκευση και συνέχιση ημιτελών προπονήσεων
- 8Εγκαταστάσιμο PWA με υποστήριξη offline
Προκλήσεις & Λύσεις
Η κύρια πρόκληση ήταν η κατασκευή μιας απρόσκοπτης εμπειρίας παρακολούθησης προπόνησης που διατηρεί την πρόοδο ακόμα και όταν η εφαρμογή κλείσει απροσδόκητα. Η υλοποίηση αυτόματης αποθήκευσης σε localStorage με συγχρονισμό MongoDB, μαζί με λειτουργικότητα PWA για χρήση offline, απαίτησε προσεκτική διαχείριση κατάστασης και λογική συγχρονισμού δεδομένων.
Αποτελέσματα & Αντίκτυπος
Η εφαρμογή παρέχει μια ολοκληρωμένη λύση παρακολούθησης γυμναστικής που οι χρήστες μπορούν να εγκαταστήσουν στις συσκευές τους. Οι αθλητές μπορούν να παρακολουθούν την πρόοδό τους, να μοιράζονται προγράμματα και να μην χάνουν ποτέ δεδομένα προπόνησης χάρη στην αυτόματη αποθήκευση και τη λειτουργία συνέχισης.
Ενδιαφέρεστε για συνεργασία;
Ας συζητήσουμε το επόμενο project σας και ας δημιουργήσουμε κάτι καταπληκτικό.