Was soll unsere WebApp können?

Sprache

Die App soll Deutsch oder Englisch sein. Die Daten aus der API sind halt Englisch (Zutaten, Beschrieb, …)

Layout

Gewünscht wird ein einfaches Layout, das vor allem auf dem Handy (kleiner Bildschirm) gut funktioniert. Also am Besten einspaltig mit Navigation zuoberst oder ganz unten. Zum Testen bieten alle Browser in den sogenannten «Webentwicklungstools» einen sogenannte «Responsive-Mode» an, der einen Handy-Bildschirm simuliert.

👉 https://de.wikipedia.org/wiki/Entwicklerwerkzeuge_in_Webbrowsern

Design

Die App soll ein eigenes Design haben und sich auch am Thema «Kochen» orientieren. Zudem braucht es einen Titel und ein Logo. Dazu gibt es viele Tools, z.B. Webseiten wo man zusammengestellte Farbpaletten findet:

👉 https://www.colourlovers.com/

Seiten

Folgende Seiten werden im Minimum erwartet:

  • Start-Seite (ev. statischer Inhalt «Rezept des Monats» oder Zufallsrezept)
  • Seite die Suchergebnisse auflistet
  • Detail-Seite mit Angaben zu einem bestimmten Rezept, inkl. Bewertung und Kommentar

Weitere Seiten wären:

  • Durchstöbern nach Rezept-Kategorie, Land oder Zutat
  • Die Top-Rezepte gemässe Bewertung

Gewünscht wird eine einfache, intuitive Navigation. Man soll auch wieder zurück zur Startseite kommen.

Hinweis: die Theorie findest du im…

👉 Skript HTML, CSS und JS