Portfolio Website
Technology Stack:
Highlights:
Project Overview
This multilingual portfolio website (DE/EN) is a modern showcase of my projects, skills, and experience in software development. Built with cutting-edge web technologies, it combines performance, aesthetics, and usability. The platform offers intuitive navigation through various sections: Hero area with animated elements, About Me section with interactive terminal, Skills showcase with playful ping-pong interactions, detailed project presentations with galleries and architecture diagrams, a fully integrated blog with Markdown support, syntax highlighting and table of contents, and a functional contact form with Mailgun integration. Special technical highlights include full internationalization with next-intl, Server-Side Rendering and Static Site Generation for optimal performance, image optimization with blur placeholders and WebP format, Dark/Light mode with system preference support, Framer Motion animations for smooth transitions, SEO optimization with structured data (Schema.org), responsive design for all device sizes, and accessible components following WCAG standards. The website was built with Next.js 14 (App Router), TypeScript, Tailwind CSS, Framer Motion, next-intl for internationalization, Radix UI for accessible components, and MDX for blog content. It's hosted on Vercel and utilizes Edge Functions for optimal global performance.
Key Features
- Responsive Design
- Dark Mode
- Interactive Elements
- Smooth Animations
- SEO Optimization
Technology Stack
Frontend
- React
- Next.js
- Tailwind CSS
- TypeScript
Tools
- Framer Motion
