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:
Technical Highlights:
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