Pokédex Angular

Projet d’application web développé avec Angular 17 dans le cadre d’un test technique de développement. L’objectif principal est d’afficher et de parcourir un catalogue de 100 Pokémon en intégrant l’API externe PokeApi.

Objectif

Concevoir une interface ergonomique et réactive permettant de consulter une liste de Pokémon sous forme de tableau paginé, puis d’accéder aux caractéristiques détaillées de chaque créature via une vue dédiée.

Fonctionnalités

• Architecture Angular 17 : Utilisation des dernières fonctionnalités et des composants autonomes (standalone components).
• Consommation d’API REST : Intégration de l’API externe PokeApi via des services Angular dédiés (HttpClient).
• Affichage paginé : Navigation fluide avec un tableau présentant 10 Pokémon par page.
• Vue détaillée : Redirection vers une page spécifique présentant les informations et statistiques d’un Pokémon sélectionné.
• Déploiement continu : Hébergement et déploiement de l’application sur un vps privé.

Structure du Projet

Le projet respecte l’organisation standard d’une application Angular modularisée :

src/
├── app/
│   ├── components/
│   │   ├── pokemon-list/      # Composant d'affichage de la liste et de la pagination
│   │   └── pokemon-details/   # Composant affichant les détails d'un Pokémon
│   └── services/              # Services de récupération des données PokeApi
├── assets/                    # Images et ressources statiques
└── environments/              # Configurations d'environnement (dev / prod)