Projet Pokédex

Intégration pure : Structure et Design HTML/CSS

Retour aux projets

Le Contexte (Archives)

Ce projet est l'un de mes premiers exercices d'intégration. Ici, pas de script complexe ni d'appels API : l'objectif était purement visuel et structurel.

Le but était de créer une interface de Pokédex en utilisant uniquement du HTML et du CSS. C'est un "vieux code" que je garde pour montrer mes bases en matière de positionnement d'éléments et de respect d'une maquette visuelle.

Les défis de l'intégration

Sans JavaScript pour générer le contenu dynamiquement, tout le challenge résidait dans l'écriture d'un code HTML propre et d'un CSS efficace.

  • Structure HTML : Organisation sémantique des cartes Pokémon.
  • Positionnement CSS : Utilisation des propriétés de base (marges, padding, display block/inline) pour aligner les images et les textes.
  • Design System : Gestion des couleurs spécifiques pour chaque "type" de Pokémon directement dans le CSS.

Stack Technique

  • HTML5 HTML5 : Squelette
  • CSS3 CSS3 : Mise en forme
  • Git Git : Archivage

Aperçu du rendu