random recipes

Générateur de recettes aléatoires

Il s'agit d'un exercice d'application React pour couvrir deux objectifs d'apprentissage:

• Reprendre et afficher les informations d'une source de données externe à l'aide de react
• Utilisez React Hooks si nécessaire pour gérer l'État et le cycle de vie

Description

Cette application affichera un certain nombre de recettes aléatoires à l'utilisateur, en utilisant l'API spoonaculaire

Technologies

• React (JavaScript)

Ce projet a été enraciné avec Create React App.

Commencer

Pour commencer, clonez ce répertoire et installez le fil si vous ne l'avez pas déjà.

Dans le répertoire du projet, vous pouvez courir:

yarn install

Configurez votre environnement pour exécuter l'application, en installant toutes les dépendances requises

yarn start

Exécute l'application en mode développement.
Ouvrez http: // localhost: 3000 pour le voir dans le navigateur.

La page se rechargera si vous effectuez des modifications.
Vous verrez également toutes les erreurs de peluche dans la console.

Planification

Fonctionnalité

• Afficher 1 recette aléatoire à l'utilisateur
• Recette comprend: titre, image, temps de préparation, crédits, résumé, cuisines
• L'utilisateur peut cliquer sur un lien pour afficher la recette dans une nouvelle fenêtre
• L'utilisateur peut cliquer pour voir une autre recette
• Bonus: l'utilisateur peut modifier le nombre de recettes qu'ils souhaitent voir
• Bonus: aucune recette visible jusqu'à ce que l'utilisateur clique d'abord sur le bouton