Country App

JavaScript REST API UI/UX Responsive

Voir la démo

Type

Projet éducatif

Durée

3 mois

Année

2022

Stack

JavaScript, REST Countries API

À propos du projet

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.

Fonctionnalités

Ce que propose l'application

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.

Défi & Solution

Résoudre les vrais problèmes

Le défi

Afficher et filtrer efficacement plus de 250 pays avec une recherche fluide, tout en maintenant une bonne lisibilité sur mobile sans surcharger l'interface.

La solution

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.

Technologies

Stack utilisée

HTML5 CSS3 JavaScript ES6+ REST Countries API Mobile First

Voir le projet en action

Démo live disponible.

Démo live