One page · Interface front-end

Tableau suivi du temps : intégration HTML/CSS d'un dashboard Frontend Mentor

Ce tableau de bord de suivi du temps est un exercice front-end issu d'un challenge Frontend Mentor (Time tracking dashboard). À partir d'une maquette fournie en image, j'ai reproduit de zéro l'interface : une grille de cartes d'activités présentant le temps passé sur différents postes, déclinable en vues quotidienne, hebdomadaire et mensuelle.

L'intégration repose uniquement sur HTML et CSS. J'ai structuré la page en une grille responsive qui réorganise les cartes selon la largeur d'écran, du mobile au desktop. Le travail a porté sur la fidélité à la maquette : typographie, espacements, palette de couleurs, coins arrondis et superposition des en-têtes colorés derrière chaque carte d'activité.

Cet exercice démontre ma capacité à transformer un design statique en interface web propre et fidèle au pixel. Il met en avant la maîtrise des fondamentaux du front-end : structure HTML sémantique, mise en page responsive en CSS et restitution soignée d'une interface de type tableau de bord, sans recourir à de framework.

Intégration fidèle à la maquette

Reproduction de zéro du design Frontend Mentor en HTML et CSS, en respectant typographie, espacements, couleurs et arrondis pour un rendu proche du pixel.