random recipes

Zufälliger Rezeptgenerator

Dies ist eine React -App -Übung, um zwei Lernziele abzudecken:

• Abrufen und Anzeigen von Informationen von einer externen Datenquelle mit React
• Verwenden Sie bei Bedarf React -Hooks, um Status und Lebenszyklus zu verwalten

Beschreibung

Diese App zeigt dem Benutzer eine Reihe von zufälligen Rezepten an, die mit der Spoonacular API verwendet werden

Technologien

• Reagieren (JavaScript)

Dieses Projekt wurde mit der Creat -React -App mit Streatstrade gestapft.

Erste Schritte

Klonen Sie dieses Verzeichnis und installieren Sie das Garn, wenn Sie es noch nicht haben.

Im Projektverzeichnis können Sie ausführen:

yarn install

Richten Sie Ihre Umgebung für die Ausführung der App ein und installieren Sie alle erforderlichen Abhängigkeiten

yarn start

Führt die App im Entwicklungsmodus aus.
Öffnen Sie http: // localhost: 3000, um es im Browser anzuzeigen.

Die Seite wird neu laden, wenn Sie Änderungen vornehmen.
Sie werden auch Fellfehler in der Konsole sehen.

Planung

Funktionalität

• Zeigen Sie dem Benutzer ein zufälliges Rezept an
• Das Rezept enthält: Titel, Bild, Vorbereitungszeit, Credits, Zusammenfassung, Küche
• Der Benutzer kann auf einen Link klicken, um das Rezept in einem neuen Fenster anzuzeigen
• Der Benutzer kann klicken, um ein anderes Rezept anzuzeigen
• Bonus: Der Benutzer kann die Anzahl der Rezepte ändern, die sie sehen möchten
• Bonus: Keine Rezepte sichtbar, bis der Benutzer zuerst die Schaltfläche klickt