Bienvenue dans le projet Pokedex ! Ce projet, développé en Angular 17, est une réponse à un test de développement. L'objectif est de créer une application web qui affiche un tableau de 100 Pokémon en utilisant le framework Angular et une source de données externe, le PokeApi.
- Framework Angular 17
- Déploiement : Vercel
- Source de données externe : PokeApi
- Clonez le dépôt localement.
- Naviguez vers le répertoire du projet dans votre terminal.
- Exécutez
npm installpour installer les dépendances. - Exécutez
ng servepour démarrer le serveur de développement. - Ouvrez votre navigateur et accédez à
http://localhost:4200/pour visualiser l'application web.
Le projet est organisé comme suit :
-
src/app/components : Contient les composants Angular pour différentes parties de l'application.
- pokemon-list : Composant responsable de l'affichage de la liste des Pokémon.
- pokemon-details : Composant affichant des informations détaillées sur un Pokémon sélectionné.
-
src/app/services : Services Angular pour récupérer des données depuis le PokeApi.
-
src/assets : Contient des images et d'autres ressources statiques.
-
src/environments : Fichiers de configuration de l'environnement.
- La page d'accueil affiche un tableau avec 10 Pokémon par page.
- En cliquant sur un Pokémon, vous serez redirigé vers une seconde page affichant des informations détaillées.
- L'application utilise le PokeApi pour les données des Pokémon.
- Le design met l'accent sur l'ergonomie, avec de la place pour des améliorations créatives.
L'application déployée est accessible ici.
Le projet repose sur les dépendances clés suivantes :
- Angular : Framework frontal.
- PokeApi : API externe pour les données des Pokémon.
Merci d'avoir consulté le projet Pokedex Angular ! Si vous avez d'autres questions ou suggestions, n'hésitez pas à me contacter. Bon codage !
