[Mensaplan] Cardkomponente für Gericht

[laralngn]

Beschreibung

Für die Gerichte in dem Mensaplan soll es für jedes Gericht eine Card geben. Dafür soll eine eigene Komponente erstellt werden, eine Gerichtscard. Auf der Vorderseite der Cards soll groß ein Bild sein und in der "Fußzeile" soll ein Icon sein, welches angibt, ob das Gericht vegetarisch, vegan, mit Schweinefleisch, mit Rind oder mit Fisch ist. Zudem soll ein kurzer Name des Gerichtes daneben stehen und am rechten Ende der Fußzeile noch der Preis. Bei einem Klick auf eine Card soll diese "aufgedeckt" bzw. umgedreht werden. Die Rückseite soll eine detailliertere Übersicht bieten. Dafür sollen oben wieder das Icon und diesmal ggf. die lange Version des Namens stehen. Darunter soll eine kurze Beschreibung zu finden sein, beispielsweise mit welcher Beilage das Gericht ist. In der Fußzeile soll links der Preis stehen und rechts Informationen über die enthaltenen Allergene.

Die Informationen für den Inhalt der Card soll die Komponente als Parameter entgegennehmen.

Aufgaben

• [x] Gerichtskomponente mit Card (NextUI) implementieren
• [x] Vorderseite implementieren
• [x] Rückseite implementieren
• [x] Bei Klick die Card umdrehen (ggf. mit Animation)

Zusätzliche Informationen

Abhängigkeiten

• Keine

Mockup

User Story

• 37

[laralngn]

PR muss noch erstellt werden bevor Issue geschlossen werden kann => wird erst mit #294 zusammen gemacht, da es ursprünglich ein großes Issue war

[laralngn]

2,5 Stunden