기술 및 기법
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 구현