This project was bootstrapped with Create React App.
Pour installer le projet:
Pour démarrer le projet:
Pour réaliser ce test, utiliser les données contenues dans countries.json et effectuer les tâches numérotéees. Vous êtes libres d'utiliser les modules de votre choix (ou même de ne pas en utiliser). Vous êtes libres pour le design mais on ne sera pas très exigeant dessus tant que c'est lisible et que ça ne pique pas trop les yeux 😉 Vous êtes encouragé à utiliser les meilleures pratiques possibles et à créer autant de composants que bon vous semble, n'hésitez pas à commenter votre code.
Contrainte: utiliser uniquement des Function Component React avec des Hooks
- Dresser un tableau listant les pays. Ce tableau contiendra les colonnes suivantes: Nom, Code, Capitale, Lontitude, Lagitude
- Mettre en place un système de pagination permettant de n'afficher que 10 pays à la fois. Prevoir simplement un bouton "Suivant" et un bouton "Précédent" pour pouvoir naviguer entre les pages.
-
Mettre en place un select qui permettra à l'utilisateur de trier les
pays dans le tableau:
- par ordre alphabétique de nom de pays
- par ordre alphabétique inverse de nom de pays
- par ordre alphabétique de nom de capitale
- par ordre alphabétique inverse de nom de capitale
-
Mettre en place plusieurs champs input pour pouvoir filtrer les
résultats:
- par nom de pays
- par nom de capitale
Exemple: si je tape "Bel" dans le champs de recherche de pays, seul les pays commençant par "bel" s'afficheront (soit Belgium, Belize et Belarus){" "} - Permettre à l'utilisateur de télécharger tous les résultats (en fonction du tri et des filtres) dans un fichier CSV