Wähle einen oder mehrere Aufgabenblöcke zur Bearbeitung.
API
- Binde die Products API von DummyJSON ein, um das Grid mit Cards zu befüllen. Beachte das nur 8 Produkte gerendert werden.
- Lade die Produkte im Server.
- Lade die Produkte im Client. Füge ein Loading-Skeleton ein, während dessen noch nicht alle Produkte geladen wurden.
Hooks
- Erstelle einen custom Hook der einen Zustand im LocalStorage des Browsers verwalten kann.
- Nutze den custom LocalStorage-Hook, um einen Badge an der Card zu setzen, wenn diese zuletzt geklickt wurde.
Zustände
- Erstelle einen Context zur Verwaltung des Anmeldezustands und nutze diesen in der AccountBar und dem Greeting. Nenne mögliche Alternativen zur Verwendung eines Contextes.
- es können jegliche Bibliotheken deiner Wahl nachinstalliert werden
- jegliche Dokumentation (aus dem Internet) kann verwendet werden
- KI-Tools können verwendet werden, du musst allerdings den vorgeschlagen Code erklären können