- Login page: stone/dark palette, liquid ambient blobs, dk0.dev branding, gradient accent bar, large rounded card, site-matching button/input styles - Lockout/loading states: dark mode support, emerald spinner, red gradient bar - Dashboard navbar: gradient accent bar, monospace branding, pill-style tab buttons with dark/light active state, improved mobile menu grid layout - Stats cards: liquid-* gradient backgrounds per metric (emerald, sky, purple, amber, pink, teal) with matching icon colors and rounded-3xl corners - Section headings: uppercase tracking-tighter font-black with emerald accent dot - Activity/settings cards: white/dark-stone background, rounded-3xl, dark mode - Removed framer-motion from manage/page.tsx; replaced admin-glass* CSS classes with proper Tailwind throughout Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
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
- Portfolio: http://localhost:3000
- Admin Dashboard: http://localhost:3000/manage
- PostgreSQL: localhost:5432
- Redis: localhost:6379
📖 Dokumentation
- Development Setup - Detaillierte Setup-Anleitung
- Deployment Setup - Production Deployment
- Analytics - Analytics und Performance
- CMS Guide - Inhalte/Sprachen pflegen (Rich Text)
- Testing & Deployment - Branches → Container → Domains
🔗 Links
- Live Portfolio: https://dk0.dev
- Admin Dashboard: https://dk0.dev/manage
- GitHub: https://github.com/denniskonkol/portfolio
Description
Languages
TypeScript
76.2%
JavaScript
11.8%
Shell
10.4%
CSS
0.7%
PowerShell
0.6%
Other
0.3%