Compteur d'Incarcération - Succès Masra
01. Vue d'ensemble
Interface web en français affichant le nombre de jours d'incarcération de Succès Masra depuis le 17 mai 2025, avec compteur animé et statistiques secondaires.
Objectif
Créer une plateforme digne et informative pour sensibiliser sur cette incarcération via un design élégant et des données en direct.
Résultat
Application statique responsive avec compteur animé, mise à jour automatique quotidienne et design premium sombre.
02. Stack technique
03. Fonctionnalités clés
Compteur de jours animé (style odomètre) depuis le 17 mai 2025
Statistiques secondaires: semaines, mois et années écoulés
Barre annuelle aux couleurs du drapeau tchadien
Rafraîchissement automatique à minuit (sans rechargement manuel)
Animation de fond par particules flottantes
Interface 100% française et totalement responsive
04. Pipeline d'ingénierie
Conception d'un layout sombre en glassmorphism avec accents du drapeau tchadien
Implémentation d'un fond animé de particules flottantes en CSS
Développement du compteur principal avec transitions animées des chiffres
Ajout des statistiques secondaires (semaines, mois, années) et d'une barre de progression annuelle
Déploiement en site statique sans dépendance sur Vercel
05. Défis & exécution
Contrainte
Calculer avec exactitude le nombre de jours d'incarcération à partir d'une date fixe
Exécution
Ancrage du calcul au 17 mai 2025 avec le point de référence public vérifié: Jour 200 = 2 décembre 2025.
Contrainte
Implémenter une animation odomètre fluide uniquement avec CSS et JavaScript natif
Exécution
Création d'une animation odomètre via keyframes CSS synchronisées par JavaScript.
Contrainte
Créer une mise à jour automatique à minuit sans rechargement de page
Exécution
Utilisation de setTimeout pour déclencher un rafraîchissement d'état à la prochaine frontière minuit.