Design Pattern Visualization

디자인 패턴을 시각적 애니메이션과 코드 예시를 통해 쉽게 이해할 수 있도록 돕는 학습 플랫폼입니다.

https://design-pattern-viz.vercel.app

프로젝트 소개 (Project Overview)

• Description: 디자인 패턴을 시각적 애니메이션과 코드 예시를 통해 쉽게 이해할 수 있도록 돕는 학습 플랫폼입니다.
• Key Features:
  • 단계별 애니메이션을 통한 동작 원리 시각화
  • 실제 코드 예시 (Java/TypeScript 등) 제공
  • 반응형 디자인 및 다크 모드 지원

기술 스택 (Tech Stack)

• Architecture: FSD (Feature-Sliced Design)
• Frontend: Next.js 16 (App Router), React 19, TypeScript
• Styling: Tailwind CSS 4, Framer Motion (애니메이션)
• State Management: Zustand
• Deployment & Analytics: Vercel, Vercel Analytics/Speed Insights

프로젝트 구조 및 기여 (Structure & Contribution)

• License: MIT License
• Contribution: GitHub Issues를 통해 버그 제보 및 기능 제안 환영.
• Contact: project0858@gmail.com