# 🎨 Minecraft Dashboard - Frontend

마인크래프트 대시보드의 웹 인터페이스입니다.

![React](https://img.shields.io/badge/React-18-61DAFB?logo=react)
![Vite](https://img.shields.io/badge/Vite-5-646CFF?logo=vite)
![TailwindCSS](https://img.shields.io/badge/TailwindCSS-3-06B6D4?logo=tailwindcss)

---

## 🛠️ 기술 스택

| 기술              | 설명           |
| ----------------- | -------------- |
| **React 18**      | UI 라이브러리  |
| **Vite**          | 빌드 도구      |
| **TailwindCSS**   | CSS 프레임워크 |
| **Socket.IO**     | 실시간 통신    |
| **skinview3d**    | 3D 스킨 렌더링 |
| **Framer Motion** | 애니메이션     |
| **Lucide React**  | 아이콘         |

---

## ✨ 주요 기능

- 🎴 **서버 상태 카드** - 온라인/오프라인 상태 표시
- 👤 **플레이어 목록** - 접속 중인 플레이어 및 3D 스킨 뷰어
- 🗺️ **월드 정보** - 서버 월드 목록 표시
- 📱 **반응형 디자인** - 모바일/데스크톱 최적화
- 🌙 **다크 테마** - 세련된 UI 디자인

---

## 🚀 실행 방법

### 개발 모드

```bash
npm install
npm run dev
```

### 프로덕션 빌드

```bash
npm run build
```

---

## 📁 구조

```
frontend/
├── src/
│   ├── components/    # UI 컴포넌트
│   ├── pages/         # 페이지 컴포넌트
│   └── utils/         # 유틸리티 함수
└── public/            # 정적 파일
```