Ilham et Kévin
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
let url = "https://dummyjson.com/quotes?limit=12"
Vous devrez faire une intégration qui reproduit la maquette dont vous avez le lien plus haut.
Vous devrez ensuite utiliser fetch et les notions vues en cours de JavaScript pour récupérer les données de l’API et faire en sorte de les afficher sur votre page, en générant le HTML depuis votre JavaScript (la maquette d’exemple n’en présente que 4 différents, vous devez en afficher 12 différents).
L’utilisateur-ice doit ensuite pouvoir mettre autant des 12 citations qu’iel souhaite en favories en cliquant sur le coeur. La liste des favoris est stockée dans le local Storage, lorsque vous chargez la page les coeurs des citations mises en favories doivent être remplis.
Coming soon