Calis Tracker est une Progressive Web App dédiée aux sportifs, conçue pour suivre facilement chaque séance, visualiser sa régularité et rester motivé grâce à un système d’objectifs et de suivi d’activité.
Fonctionnalités
Principales
- Calendrier de suivi
- Ajouter chaque séance, marquer “faite” ou “ratée” avec une icône colorée selon le résultat.
- Planificateur de séances
- Construire un planning hebdomadaire : définir nombre de répétitions pour chaque exercice.
- Liste d’objectifs
- Définir et consulter des objectifs personnels (par exemple : atteindre 50 tractions).
- Chronomètre intégré
- Chronométrer ses temps de maintien, de repos ou les différentes phases d’un exercice directement dans l’app.
Basique
- Authentification
- Système login/signup sécurisé avec JWT et mots de passe hachés (bcrypt).
- Menu de navigation
- Accès rapide aux sections : calendrier, séances, objectifs, paramètres.
Ce que j’ai appris
Ce projet m’a permis de découvrir deux nouvelles technologies que je n’avais jamais utilisées auparavant : Tailwind CSS pour la mise en forme rapide et modulaire, et Express.js pour structurer le backend. J’ai également renforcé mes compétences en React.
Stack technique
- Frontend : React, Tailwind CSS
- Backend : Node.js, Express, JWT, bcrypt
- Base de données : MySQL (hostée sur Hostinger)
- PWA : manifest.json, service worker et stratégies de cache (en cours d’optimisation)
- Déploiement :
- Base de données : Hostinger
- Frontend/PWA : Netlify / Vercel (déploiement en cours)