Voici un site internet basé sur l’univers de Pokémon !

1. C’était quoi ?

Création d’une application web interactive de type « Pokédex » (encyclopédie recensant des Pokémon). L’objectif était de développer un site dynamique capable de récupérer, traiter et afficher automatiquement de nombreuses données (noms, images, types, statistiques) provenant d’une base de données externe.

2. C’était quand ?

Juin 2025.

3. J’ai fait quoi exactement ?

• Création de l’interface utilisateur (UI) : Conception de la structure HTML et mise en forme CSS (affichage sous forme de cartes ou de liste détaillée).
• Développement de la logique dynamique : Utilisation d’un scripts, pour interroger une base de données externe (API) et récupérer les informations des Pokémon.
• Traitement des données (JSON) : Extraction des données reçues pour générer dynamiquement le code HTML correspondant (injection des images et des textes directement dans la page sans avoir à les coder un par un).
• Ajout de fonctionnalités : Mise en place d’une barre de recherche ou d’un système de filtrage pour trouver un Pokémon spécifique.

4. Avec quoi ?

• Langages : HTML, CSS, JavaScript
• Outils : Visual Studio Code

5. Quelles compétences du référentiel ?

Ce projet s’inscrit pleinement dans le bloc « Développer la présence en ligne de l’organisation » :

• Participer à l’évolution d’un site Web exploitant les données de l’organisation : J’ai développé un script permettant de requêter une source de données externe (API) et de les formater pour les rendre lisibles et exploitables par l’utilisateur final.
• Mettre à disposition des utilisateurs un service informatique : Déploiement de l’application web pour la rendre accessible en ligne de manière fonctionnelle.

6. Ce que j’en retiens ?

Ce projet a marqué une véritable étape dans mon apprentissage, car c’est le passage d’un site purement « statique » à une application « dynamique ». J’ai appris comment le web moderne fonctionne en arrière-plan grâce aux requêtes HTTP (Fetch API). La plus grande difficulté a été d’apprendre à manipuler les données au format JSON et de gérer l’asynchronisme (le fait que la page doive attendre de recevoir les données avant de les afficher). Aujourd’hui, je me sens capable de connecter une interface web à n’importe quelle source de données.