BuildingtheDigitalWorld

0%
Skip to main content
Zurück

Yoka Canvas

Technik & Methode

React, Tailwind CSS, Framer Motion, PWA, i18n, TypeScript, Vite, SEO

Beschreibung

Yoka Canvas ist ein modernes, zweisprachiges Portfolio für einen kreativen Grafikdesigner, gebaut mit React und TypeScript. Es bietet flüssige Animationen, PWA-Funktionen, Dunkel/Hell-Themen und volle arabische RTL-Unterstützung für ein immersives Benutzererlebnis.

Hauptmerkmale:
  • Interaktives Portfolio: Filterbare Projektgalerie mit Mikro-Interaktionen
  • Zweisprachige Unterstützung: Englisch & Arabisch mit dynamischer RTL-Layout-Umschaltung
  • Dunkel/Hell-Thema: Automatische Erkennung mit manuellem Umschalter
  • PWA Bereit: Installierbar, offline-fähig, App-ähnliches Erlebnis
  • Leistungsoptimiert: Schnelles Laden, flüssiges Scrollen und SEO-freundlich

Technische Highlights:
  • Gebaut mit React 18, TypeScript und Vite für blitzschnelle Leistung
  • Gestaltet mit Tailwind CSS und animiert mit Framer Motion
  • Internationalisierung mit kontextbasierter Sprach- und Richtungsumschaltung
  • PWA-Implementierung mit Manifest, Service Worker und Offline-Unterstützung