Progression Partie 12 sur 12

Challenge : ajouter une recherche de pays

Tu as maintenant une application capable de récupérer et d’afficher une liste de pays depuis une API. Pour aller plus loin, ton challenge consiste à permettre à l’utilisateur de rechercher un pays par son nom.

Objectif

Ajoute un champ de recherche au-dessus de la liste. Lorsque l’utilisateur saisit du texte, l’application doit afficher uniquement les pays dont le nom correspond à la recherche. Par exemple : Recherche : congo

La liste pourrait afficher :

🇨🇬 Congo CGO 🇨🇩 DR Congo COD

La recherche ne doit pas tenir compte des majuscules et des minuscules. Les recherches suivantes doivent donc produire le même résultat :

Congo congo CONGO

Résultat attendu

L’utilisateur doit pouvoir :

  • ouvrir l’application ;
  • attendre le chargement des pays ;
  • saisir le nom d’un pays ;
  • voir la liste se mettre à jour automatiquement ;
  • effacer la recherche pour retrouver tous les pays.

Partage ton implémentation

Lorsque tu as terminé, partage ton code ou le lien de ton dépôt dans notre canal Discord dédié. Nous organiserons des sessions de revue de code.

Une proposition de résolution sera également publiée et expliquée dans le canal Discord.