Bienvenue sur le dépôt GitHub de Country Explorer App ! Ce projet est une application web interactive développée avec React (TypeScript) dans le cadre d'un test technique. Elle permet aux utilisateurs de parcourir, rechercher et visualiser des informations sur les pays du monde.
-
Affichage des Pays : Récupère et affiche une liste complète de tous les pays du monde via l'API RestCountries v3.1.
-
Recherche Intuitive : Filtre les pays en temps réel par leur nom (commun ou officiel) ou par leur capitale.
-
Deux Vues au Choix :
-
Vue Liste (Cards) : Présente les pays sous forme de cartes, affichant le drapeau, le nom, la capitale, la région et la population.
-
Vue Carte (Map) : Affiche une carte interactive basée sur leaflet et react-leaflet, avec des marqueurs pour chaque pays.
-
-
Détails du Pays : Un clic sur une carte ou un marqueur de carte affiche une vue détaillée du pays sélectionné.
-
Pagination :
Suivez ces étapes pour configurer et exécuter l'application sur votre machine locale :
-
Cloner le dépôt :
git clone https://github.com/Herimanjaka007/country-explorer.git country-explorer cd country-explorer
-
Installer les dépendances :
npm install
-
Lancer l'application en mode développement :
npm run dev
-
Construire pour la production (build) :
npm run build
-
React
-
TypeScript
-
Vite
-
Tailwind CSS
-
Leaflet & React-Leaflet
-
RestCountries API (pour les données des pays)