🕒 Trackivity
Application de suivi d’activités avec objectifs hebdomadaires personnalisés et interface claire, moderne et responsive.
🎯 Le projet
Pourquoi Trackivity ?
Pour mieux gérer mon temps entre développement et recherche d’emploi, j’ai conçu Trackivity : un outil simple et efficace pour organiser mes activités, rester concentré sur mes priorités et garder une vision claire de ma progression.
C’est également un projet personnel pensé pour démontrer mes compétences en développement web moderne (frontend, gestion d’état, validation de données, design system, etc.).
✨ Fonctionnalités principales
- 📝 Création d’activités personnalisées (nom, couleur, objectif hebdomadaire)
- ⏱️ Chronomètre démarrable/pausable pour chaque activité
- 📊 Résumé visuel du temps passé comparé à l’objectif fixé
- 💾 Enregistrement local des données (sans inscription, confidentialité garantie)
- 🌗 Thème clair/sombre
- 🌍 Gestion multilingue (FR/EN)
- 📱 Interface responsive et accessible (desktop & mobile)
🛠️ Stack technique
- ⚡ Next.js & React
- 📘 TypeScript
- 🗂️ Zustand
- ✅ Zod
- 🎨 Tailwind CSS + ShadCN/UI
- 🔎 Lucide icons
J’ai également structuré le projet avec une approche scalable : séparation du store Zustand en plusieurs slices (activité, timer, historique), validation des données avec Zod, persistance locale, etc.
Ce travail m’a permis de mettre en pratique des bonnes pratiques de développement tout en gardant un code clair et maintenable.
📚 Apprentissages & pratiques
Trackivity m’a permis de consolider plusieurs compétences techniques et méthodologiques :
- 🔄 Utiliser Zustand pour la gestion d’état, en découpant le store en plusieurs slices (activité, timer, historique)
- ✅ Structurer et valider les données avec Zod, y compris pour la persistance dans le localStorage
- 🌍 Gérer la traduction (français/anglais) avec next-international
- 🗂️ Organiser le code de manière claire et maintenable, en séparant la logique, les schémas et les composants
- 🚀 Approfondir l’usage de Next.js pour une application réactive, moderne et déployée facilement sur Vercel
Au-delà de la technique, ce projet m’a également aidé à travailler mon autonomie, à itérer par étapes (MVP → améliorations → nouvelles fonctionnalités) et à documenter mes choix pour pouvoir les présenter dans un cadre professionnel.
🔮 Évolutions prévues
- 🧑🏫 Mode démo & onboarding pour faciliter la prise en main
- 📈 Statistiques avancées et historiques hebdomadaires détaillés
- 🔔 Notifications (ex. quand un objectif est dépassé)
- 🗑️ Gestion plus complète des activités supprimées
- 📝 Possibilité d’ajouter des notes par session
- ☁️ (À plus long terme) Sauvegarde et synchronisation en ligne
🔗 Liens
L’application est en ligne, libre d’accès et sans inscription.
N’hésitez pas à la tester et à me faire vos retours !