denshooter 62f2fb7742 feat: plakat redesign phase 2 (desk with throwable objects, mobile card deck) (#75)
- New "Tisch" section replaces the old projects block on the home page
- Objects: project cards from Directus (flip on tap, link to detail page),
  thesis ticket with countdown, server card, currently-reading book from
  Hardcover (with skeleton), polaroid photo, sticker
- Desktop: Framer Motion drag with momentum, elastic table edges, tilt that
  follows throw velocity, bring-to-front, "Tidy up" and "Mess it up"
- Mobile: card deck, swipe the top card away (distance or velocity),
  prev/next buttons, live counter, tap to flip
- Both layouts are server rendered and switched by CSS, so content is
  visible without JavaScript and nothing jumps on hydration
- Taps after a drag no longer flip cards
- New named colors polaroid/bookcover instead of raw hex classes
- Texts in de/en, i18n key check extended

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-15 23:49:06 +02:00
2026-01-22 10:05:43 +01:00
2026-01-22 20:56:35 +01:00
2026-03-04 13:00:34 +01:00
2025-09-05 23:31:53 +00:00
2025-01-30 12:37:43 +01:00

Quick links

  • Ops / setup / deployment / testing: docs/OPERATIONS.md
  • Locale System & Translations: docs/LOCALE_SYSTEM.md

Dennis Konkol Portfolio - Modern Dark Theme

Ein modernes, responsives Portfolio mit dunklem Design, coolen Animationen und einem integrierten Admin-Dashboard.

✨ Features

  • Dunkles Theme mit Glassmorphism-Effekten
  • Responsive Design für alle Geräte
  • Smooth Animationen mit Framer Motion
  • Admin Dashboard für Content-Management
  • E-Mail-System mit schönen Templates
  • Analytics Dashboard mit Performance-Metriken
  • Redis Caching für optimale Performance

🛠️ Technologien

  • Frontend: Next.js 15, TypeScript, Tailwind CSS, Framer Motion
  • Backend: PostgreSQL, Redis, Prisma ORM
  • Deployment: Docker, Nginx
  • Analytics: Umami Analytics

🚀 Quick Start

# Dependencies installieren
npm install

# Development Environment starten
npm run dev

📁 Verfügbare Scripts

npm run dev          # Vollständiges Dev-Environment (Docker + Next.js)
npm run dev:simple   # Nur Next.js (ohne Docker)
npm run build        # Production Build
npm run start        # Production Server

🌐 URLs

📖 Dokumentation

S
Description
Personal portfolio website
Readme 24 MiB
Languages
TypeScript 76.9%
JavaScript 12.7%
Shell 8.7%
CSS 0.7%
PowerShell 0.6%
Other 0.4%