Portfolio Website
Technologie Stack:
Highlights:
Projektübersicht
Diese mehrsprachige Portfolio-Website (DE/EN) ist eine moderne Präsentation meiner Projekte, Fähigkeiten und Erfahrungen in der Softwareentwicklung. Sie wurde mit modernsten Web-Technologien entwickelt und vereint Performance, Ästhetik und Benutzerfreundlichkeit. Die Plattform bietet eine intuitive Navigation durch verschiedene Sektionen: Hero-Bereich mit animierten Elementen, About-Me-Sektion mit interaktivem Terminal, Skills-Showcase mit spielerischen Ping-Pong-Interaktionen, detaillierte Projekt-Präsentationen mit Galerien und Architektur-Diagrammen, einen vollständig integrierten Blog mit Markdown-Unterstützung, Syntax-Highlighting und Inhaltsverzeichnis sowie ein funktionales Kontaktformular mit Mailgun-Integration. Besondere technische Highlights sind die vollständige Internationalisierung mit next-intl, Server-Side Rendering und Static Site Generation für optimale Performance, Image-Optimierung mit Blur-Placeholder und WebP-Format, Dark/Light Mode mit System-Präferenz-Unterstützung, Framer Motion-Animationen für flüssige Übergänge, SEO-Optimierung mit strukturierten Daten (Schema.org), responsive Design für alle Gerätegrößen und barrierefreie Komponenten nach WCAG-Standards. Die Website wurde mit Next.js 14 (App Router), TypeScript, Tailwind CSS, Framer Motion, next-intl für Internationalisierung, Radix UI für accessible Components und MDX für Blog-Content erstellt. Sie ist auf Vercel gehostet und nutzt Edge Functions für optimale globale Performance.
Hauptmerkmale
- Responsive Design
- Dark Mode
- Interaktive Elemente
- Sanfte Animationen
- SEO-Optimierung
Technologie Stack
Frontend
- React
- Next.js
- Tailwind CSS
- TypeScript
Tools
- Framer Motion


