BuildingtheDigitalWorld

0%
Skip to main content
戻る

Yoka Canvas

技術とテクニック

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実装