Portfolio Website

Von Figma in den Browser

Diese Website zeigt meine Projekte, meine Skills und wer ich bin. Ich habe das Layout zuerst in Figma gezeichnet und danach mit HTML und CSS umgesetzt, ohne Framework. Du kannst zwischen Dark- und Light-Mode wechseln und die Seite auf Deutsch oder Englisch lesen.

Vorgaben

Im Unterricht sollten wir eine eigene Portfolio-Website entwerfen und programmieren. Zuerst mussten wir ein Mockup in Figma erstellen, danach den Code schreiben. Die Seite sollte klar aufgebaut sein und überall dieselben Farben, Abstände und Schriften verwenden.

Gelernt

• Entwürfe und Prototypen in Figma
• Semantisches HTML und Layouts mit Flexbox
• Farben und Schriftgrössen als CSS-Variablen festlegen
• Die Seite für Handy und Desktop anpassen
• Ein Figma-Mockup in Code übersetzen