Zum Inhalt

PWA Shell – Layout und Grundstruktur

ID: FE-001 · Service: frontend · Status: 🟢 aktiv


Die App besteht aus einer Shell mit drei Bereichen: einer kollabierenden Sidebar (Navigation), einer fixen Topbar (Marke, Nutzername, Logout) und einem Content-Bereich, der den aktiven Tab rendert. Die Shell ist als Single-Page Application umgesetzt (React, Vite-Build).


Typ

functional

Abnahmekriterien

  • [ ] Shell-Layout mit Sidebar, Topbar und Content-Bereich vorhanden
  • [ ] Sidebar kann geöffnet und geschlossen werden
  • [ ] Topbar zeigt Plattformname und eingeloggten Nutzer
  • [ ] Content-Bereich rendert exklusiv den aktiven Tab
  • [ ] App startet ohne Fehler im Browser

Changelog

Eintrag 1

Version: 1.0

Changes: Initiale Version