Le point de départ
Afficher et filtrer efficacement plus de 250 pays avec une recherche fluide, tout en maintenant une bonne lisibilité sur mobile sans surcharger l'interface.
- Type
- Projet éducatif
- Durée
- 3 mois
- Année
- 2022
- Stack
- JavaScript, REST Countries API
Explorer le monde en un clic
Country App est une application éducative permettant d'explorer les pays du monde de manière intuitive. Elle consomme l'API REST Countries pour afficher en temps réel les drapeaux, capitales, populations, langues, monnaies et codes téléphoniques de chaque pays.
Le projet propose une recherche instantanée, un filtrage par continent et une fiche détaillée par pays avec les pays frontaliers liés. Le design responsive garantit une expérience optimale sur mobile et desktop.
Ce que propose le projet
Drapeaux du monde
Affichage de 250+ drapeaux avec informations clés en un coup d'œil.
Recherche instantanée
Filtrage en temps réel par nom de pays sans rechargement de page.
Filtre par continent
Navigation par région géographique (Afrique, Asie, Europe…).
Fiche détaillée
Page dédiée avec capitale, monnaie, langues, et pays frontaliers cliquables.
Résoudre les vrais problèmes
Ce que j’ai construit
Mise en cache des données API au premier chargement, filtrage JS pur côté client pour la réactivité maximale, et grille CSS adaptative qui se reconfigure automatiquement selon la taille d'écran.
Stack utilisée
HTML5 CSS3 JavaScript ES6+ REST Countries API Mobile First
Voir le projet en action
Démo live disponible.
Un projet en tête ?
Parlons-en.
Consultation gratuite de 30 minutes pour cadrer votre projet. Réponse sous 24 h ouvrées.
Démarrer un projet