Mein Portfolio ist eine moderne, minimalistische Webanwendung, umgesetzt mit Next.js 15, Tailwind CSS und React 19. Es dient als meine persönliche Entwicklerpräsenz und zeigt meine Fähigkeiten im Bereich Frontend-Entwicklung auf professionelle Weise.

Seit dem neuen Redesign ist die Seite auf ein natürliches, vertikales Scroll-Erlebnis ausgelegt: Die Inhalte werden abschnittsweise beim Scrollen sichtbar, was die Leseführung verbessert und moderne UX-Prinzipien unterstreicht.

Features und Komponenten

Ich habe mehrere maßgeschneiderte Komponenten entwickelt, darunter:

eine dynamische Projektübersicht mit projects.json als zentrale Datenquelle und dynamischen Routen unter /projekte/[slug],
eine About-Me-Sektion mit swipebaren Cards, die auf Mobilgeräten horizontal per Touch und auf Desktop gestaffelt beim Scrollen sichtbar werden,
eine vollständig responsive Kontaktseite mit Icons für Mail, GitHub und Instagram,
ein Dark-Mode-System via next-themes, das sich automatisch dem Systemtheme anpasst,
ein Client-Header mit ScrollSpy, der die aktuelle Sektion erkennt und dynamisch hervorhebt.

Fokus

im Mittelpunkt stand:

flüssigem, scrollbasiertem Seitenaufbau (Desktop und Mobile optimiert),
Responsivität für alle Bildschirmgrößen,
Barrierefreiheit (z. B. klare Fokus-Zustände, semantisches HTML, Tastaturnavigation),
Performance (Lazy Loading, schlanke Komponenten, optimierte Assets),
Wartbarkeit & Erweiterbarkeit (typisierter, sauber strukturierter Code, modulare Komponentenarchitektur).

Herausforderungen

Zu den größten Herausforderungen zählten:

das präzise Handling von asynchronen Daten in Server Components, insbesondere in [slug]/page.tsx,
das Zusammenspiel mit TypeScript – etwa bei der Typisierung dynamischer JSON-Strukturen,
die Implementierung eines Scroll-basierten Animationserlebnisses, ohne dabei auf Performance oder Zugänglichkeit zu verzichten.

Durch gezielte Fehleranalyse und Refactoring konnte ich eine stabile, skalierbare und visuell moderne Lösung schaffen.

Fazit

Das Portfolio ist modular aufgebaut und bereit für zukünftige Erweiterungen – sei es durch weitere Seiten, Sprachoptionen oder Integrationen. Es spiegelt meinen Anspruch an sauberen Code, durchdachtes Design und den Einsatz moderner Webtechnologien wider.