BuildingtheDigitalWorld

0%
Skip to main content
Back

Yoka Canvas

Tech & Technique

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

Description

Yoka Canvas is a modern, bilingual portfolio for a creative graphic designer, built with React and TypeScript. It features smooth animations, PWA capabilities, dark/light themes, and full Arabic RTL support for an immersive user experience.

Key Features:
  • Interactive Portfolio: Filterable project gallery with micro-interactions
  • Bilingual Support: English & Arabic with dynamic RTL layout switching
  • Dark/Light Theme: Auto-detection with manual toggle
  • PWA Ready: Installable, offline-capable, app-like experience
  • Performance Optimized: Fast loading, smooth scrolling, and SEO-friendly

Technical Highlights:
  • Built with React 18, TypeScript, and Vite for lightning-fast performance
  • Styled with Tailwind CSS and animated using Framer Motion
  • Internationalization with context-based language and direction switching
  • PWA implementation with manifest, service worker, and offline support