App-Innovators Aufgabe: Produktkatalog (Nuxt)

Kurze praktische Aufgabe, mit der wir Einschätzungen zu Struktur und Architektur deines Codes kriegen.

Zusätzlich erhältst du unser Nuxt Coding Standards-Dokument. Bitte daran ausrichten.

Nuxt Coding Standards

Ziel

Baue eine kleine Nuxt-Anwendung (aktuelles Nuxt mit TypeScript): einen Produktkatalog mit Nitro-API und In-Memory-Datenspeicher (keine Datenbank).

Du startest mit einem neuen Projekt (nuxi / offizieller Setup-Weg). Ordnerstruktur und Patterns legst du selbst fest — sinnvoll und nah an den Coding Standards.

Fachliche Anforderungen

Wir verwalten Produkte im Lager/Katalog. Die App soll mindestens:

  1. Produktliste anzeigen (mit Seed-Daten, siehe unten)
  2. Suche über relevante Textfelder (z. B. Name, Beschreibung, …)
  3. Mindestens einen Filter (z. B. Kategorie und/oder Verfügbarkeit/Bestand)
  4. Neues Produkt anlegen über ein Formular, das gegen die API speichert

Was ein Produkt abbilden soll

Leite ein sinnvolles Datenmodell selbst ab. Fachlich brauchen wir u. a.: