Portfolio (skalacdev)

2025
Ein fokussiertes, schnelles Portfolio als technische Visitenkarte. Enthält eine zweisprachige Oberfläche (DE/EN), Theme-Umschaltung, dynamische Skills-Hervorhebung, einen Background-Tab mit Game‑Dev & Pixelart-Fokus und klickbare Projektkarten mit Dialogen. Ziel: Schnelles Erfassen von Profil, Tech-Stack und Persönlichkeit ohne Ablenkung.

Features

  • Next.js App Router + SSR/CSR Mischung
  • Radix UI (NavigationMenu, Tabs, Dialog) / shadcn Styling
  • Dark/Light Theme Toggle
  • Smooth Scroll + Anchor Navigation
  • Mehrsprachigkeit (DE/EN) über einfache JSON Messages
  • Projekt-Detail-Dialoge mit erweitertem Stack
  • Responsive Grid & mobile Navigation-Wrap
  • Skills/Background Umschaltung per Tabs

Learnings

  • Komponentensystem & visuelles Konsistenz-Design
  • Zugänglichkeit: Fokus-Styles & semantische Struktur
  • Hash-basierte Tab-Navigation (#about / #skills)
  • Saubere Trennung von Daten (JSON) und Darstellung

Tech Stack

Next.jsTypeScriptTailwindCSSRadix UIi18n

Rolle

Solo Developer & Designer

Status

In aktiver Weiterentwicklung

Roadmap

  • Blog / Notes Bereich hinzufügen
  • Theme Preset Customizer
  • Performance Metriken (LCP, CLS) anzeigen
skalac.dev – Sinan Kalac · skalac.dev