portfolio-website.com
Frontend

Portfolio Website

Live
2025
3 Monate
Solo

Technologie Stack:

ReactNext.jsTailwind CSSTypeScriptFramer Motion

Highlights:

Responsive Design
Dark Mode
Interaktive Elemente
+2 weitere Features

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

ReactNext.jsTailwind CSSTypeScriptFramer Motion

Frontend

  • React
  • Next.js
  • Tailwind CSS
  • TypeScript

Tools

  • Framer Motion

Architektur