Application web · Produit digital
Pokémon : une interface type Pokédex développée avec Angular

Pokémon est un projet personnel que j'ai mené pour explorer Angular sur un cas concret : une application web type Pokédex. L'idée était de prendre un univers familier, riche en données, et d'en faire un terrain d'exercice pour structurer une interface claire, agréable à parcourir et facile à faire évoluer composant après composant.
Côté technique, j'ai bâti l'application Angular autour d'une organisation en composants réutilisables, chacun responsable d'une brique précise de l'affichage. Les cartes Pokémon sont générées à partir de données consommées par l'application, puis présentées dans une mise en page responsive qui reste lisible aussi bien sur grand écran que sur mobile.
Cet exercice met en avant ma capacité à découper une interface front-end en composants cohérents, à consommer puis afficher des données de façon dynamique, et à soigner le rendu visuel. C'est une démonstration concrète de ma prise en main d'Angular et de ma rigueur dans la structuration d'une application web maintenable.
Architecture en composants Angular
J'ai découpé l'interface en composants Angular réutilisables, chacun avec une responsabilité claire, pour garder une application web structurée et facile à faire évoluer.
Affichage de cartes dynamiques
Les cartes Pokémon sont générées à partir des données consommées par l'application, puis affichées de façon homogène dans une grille pensée pour la lecture.
Interface responsive
La mise en page s'adapte aux différentes tailles d'écran afin que le Pokédex reste agréable à parcourir aussi bien sur ordinateur que sur mobile.
Apercus complementaires



Carousel Vertical
Un exercice front-end où j'ai conçu un carrousel d'images à défilement vertical pour une présentation photo immersive, en HTML, CSS et JS.

Carte Animee
Exercice front-end one page : une carte interactive qui masque ses informations puis les révèle au survol, en HTML, CSS et JS.

Carte QR Code
Exercice Frontend Mentor : j'ai reproduit en pixel-perfect une carte affichant un QR code, intégrée de zéro en HTML et CSS.
Un projet dans le même esprit ?
Parlez-moi de votre besoin : je vous dis rapidement ce qui est pertinent et réaliste.