Overwatch 2 Counter-Picker (Vibe Coded)

Gemini CLI 에이전트와 대화하며(Vibe Coding) 제작한 오버워치 2 카운터 픽 대시보드입니다.

🚀 소개

이 프로젝트는 AI 에이전트와 협업하여 설계 및 구현된 실시간 오버워치 2 영웅 카운터 가이드입니다. 세련된 게이밍 UI와 실시간 API 데이터를 결합하여 최적의 전략적 선택을 도와줍니다.

✨ 핵심 기능

• OverFast API 연동: 실시간으로 Blizzard 공식 데이터를 페칭하여 영웅 목록과 초상화를 업데이트합니다.
• 하이브리드 로컬 상성 매핑: constants.ts에 정의된 정밀한 카운터 로직을 기반으로 즉각적인 전술 정보를 제공합니다.
• 글래스모피즘 기반 게이밍 UI: 오버워치 2 특유의 미래지향적이고 강렬한 디자인 언어를 반영한 인터페이스를 제공합니다.

🛠 기술 스택

• Framework: React 18 (TypeScript)
• Build Tool: Vite
• Styling: Tailwind CSS
• API: OverFast API (Overwatch 2 API)

💻 실행 방법

1. 저장소 클론:

   git clone https://github.com/binii0124/ow-counter.git
   cd ow-counter

2. 패키지 설치:

   npm install

3. 개발 서버 실행:

   npm run dev

📝 라이선스

MIT License