Dies ist eine Lösung für die Benachrichtigungsseite-Challenge auf Frontend Mentor.
Anforderungen
Benutzer*innen sollten in der Lage sein:
- Zwischen „ungelesenen“ und „gelesenen“ Benachrichtigungen zu unterscheiden
- „Alle als gelesen markieren“ auswählen, um den visuellen Zustand der ungelesenen Benachrichtigungen zu ändern und die Anzahl der ungelesenen Nachrichten auf null zu setzen
- Das optimale Layout für die Benutzeroberfläche abhängig von der Bildschirmgröße ihres Geräts zu sehen
- Hover- und Fokus-Zustände für alle interaktiven Elemente auf der Seite zu sehen
Gebaut mit
Code-Qualität mit
Implementierungszeit
Diese Challenge wurde innerhalb von 2 Stunden abgeschlossen.