Logo
screenshot of age calculator app

Age Calculator App

next.jsreacttailwindcsstypescript

Dies ist eine Lösung für die Age Calculator App Challenge auf Frontend Mentor.

Anforderungen

Benutzer*innen sollten in der Lage sein:

  • Das Alter in Jahren, Monaten und Tagen anzuzeigen, nachdem ein gültiges Datum über das Formular eingereicht wurde
  • Validierungsfehler zu erhalten, wenn:
    • Ein Feld beim Absenden des Formulars leer ist
    • Die Tageszahl nicht zwischen 1-31 liegt
    • Die Monatszahl nicht zwischen 1-12 liegt
    • Das Jahr in der Zukunft liegt
    • Das Datum ungültig ist, z.B. 31/04/1991 (April hat nur 30 Tage)
  • Das optimale Layout der Benutzeroberfläche abhängig von der Bildschirmgröße ihres Geräts anzusehen
  • Hover- und Fokus-Zustände für alle interaktiven Elemente auf der Seite zu sehen
  • Bonus: Die Alterszahlen animieren sich beim Absenden des Formulars zu ihrer endgültigen Zahl

Gebaut mit

Code-Qualität mit

Implementierungszeit

Diese Challenge wurde innerhalb von 4 Stunden abgeschlossen.