# Séance 9-10 : Pour réviser Cette séance vise à revoir l'ensemble des concepts vus sur le module VueJs. L'API utilisée sera : Le travail à faire est le suivant : * Installer un nouveau projet * Définir une navigation avec les routes suivantes : * Accueil * Recherche * Afficher les cartes * Afficher les sets * Pour la recherche on pourra : * Recherche un texte libre sur les cartes * Filtrer les cartes par couleur * Une liste des types (en récupérant les types depuis l'API pour alimenter une liste déroulante * Pour la page des cartes * On pourra naviguer dans les éléments précédents/Suivants * On pourra choisir globalement d'afficher les images des cartes ou pas * Les cartes seront des composants * L'image, la couleur et le cout en mana (manacost), le type * Un lien permettra d'accéder à la fiche détaillée * Un bouton permettra d'ajouter la carte dans un panier fictif qui sera affiché sur toutes les pages * La page détaillée d'une carte comprendra les éléments. * Le choix d'une langue affichera le nom de la carte dans la langue choisie (et uniquement celle ci) * Afficher un panier des cartes sélectionnées A la fin des deux séances, compiler votre projet et le mettre en ligne sur votre VPS : Pour compiler : ```bash npm run build ``` Sur votre VPS le chemin doit être : --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://cours.davidannebicque.fr/vue.js-but/but2/seance-15-16-securite-login.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.