cardPicker
Année
2024
Type
Application interactive / outil sportif
Stack
Vue 3 · TypeScript · Vite · SCSS
Lien
Voir le projetContexte
CardPicker est né de l’envie de créer un petit outil sportif simple, basé sur un système de cartes. L’idée était de rendre une séance plus ludique en tirant des exercices au hasard, un peu comme un jeu, tout en gardant une logique utile pour l’entraînement. Le projet permet de sélectionner des exercices, d’enchaîner des mouvements et de suivre ce qui a été réalisé pendant la séance.
Réalisation
Le projet a été développé avec Vue 3, TypeScript et Vite, avec une interface pensée autour du tirage de cartes. Chaque carte représente un exercice ou une action à réaliser. Le système permet de piocher une carte, de gérer l’état courant, de réinitialiser la sélection et de structurer les données des cartes séparément du composant principal. Des statistiques de fin ont ensuite été ajoutées pour donner plus de sens à la séance : temps passé sur certains exercices, temps cumulé par type d’exercice, durée moyenne pour réaliser les répétitions, et suivi global de l’effort.
Résultat
Le résultat est une petite application interactive qui transforme une séance de sport en expérience plus dynamique. Le projet reste simple dans son principe, mais il m’a permis de travailler sur une interface réactive, une logique de tirage aléatoire, la gestion d’état côté front et l’ajout de statistiques exploitables à la fin d’une session. Il montre aussi une envie de relier développement web et usage concret, ici autour du sport et de l’entraînement.