Logo
screenshot of single page developer portfolio

Single-Page Developer Portfolio

next.jsreactstorybooktailwindcsstypescriptzod

Dies ist eine Lösung für die Single-Page-Developer-Portfolio-Challenge auf Frontend Mentor.

Anforderungen

Benutzer*innen sollten in der Lage sein:

  • Eine Fehlermeldung zu erhalten, wenn das Formular abgeschickt wird und:
    • Ein Feld leer ist
    • Die E-Mail-Adresse nicht korrekt formatiert ist
  • Das optimale Layout der Benutzeroberfläche abhängig von der Bildschirmgröße zu sehen
  • Hover- und Fokus-Zustände für alle interaktiven Elemente auf der Seite zu sehen
  • Bonus: Das Formular so anbinden, dass es die Anfrage sendet und speichert (du kannst z.B. ein Spreadsheet oder Airtable verwenden, um die Anfragen zu speichern)
  • Bonus: Eigene Angaben (Bild, Fähigkeiten, Projekte) hinzufügen, um die im Design enthaltenen zu ersetzen

Gebaut mit

Code-Qualität mit

Implementierungszeit

Diese Challenge wurde innerhalb von 10 Stunden abgeschlossen.