技術とテクニック
React, Tailwind CSS, Framer Motion, PWA, i18n, TypeScript, Vite, SEO
説明
Yoka Canvasは、クリエイティブなグラフィックデザイナー向けのモダンなバイリンガルポートフォリオで、ReactとTypeScriptで構築されています。スムーズなアニメーション、PWA機能、ダーク/ライトテーマ、そして没入型のユーザー体験のための完全なアラビア語RTLサポートを備えています。
主な機能:
技術的なハイライト:
主な機能:
- インタラクティブポートフォリオ:マイクロインタラクションを備えたフィルタリング可能なプロジェクトギャラリー
- バイリンガルサポート:動的なRTLレイアウト切り替えを備えた英語とアラビア語
- ダーク/ライトテーマ:手動切り替え付きの自動検出
- PWA対応:インストール可能、オフライン対応、アプリのような体験
- 最適化されたパフォーマンス:高速読み込み、スムーズなスクロール、SEOフレンドリー
技術的なハイライト:
- 超高速パフォーマンスのためにReact 18、TypeScript、Viteで構築
- Tailwind CSSでスタイル設定され、Framer Motionを使用してアニメーション化
- コンテキストベースの言語と方向の切り替えによる国際化
- マニフェスト、サービスワーカー、オフラインサポートを備えたPWA実装