caadiq/minecraft-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
minecraft-web/frontend
History
caadiq dd17cb5c5e feat(admin): 화이트리스트 API 연동 및 UI 개선 
- 화이트리스트 조회/추가/삭제/토글 API 연동 (Mod WhitelistHandler)
- 화이트리스트 아바타 S3 캐싱 (CachedSkin 컴포넌트)
- 플레이어 아바타 S3 캐싱 연동
- 플레이어 추가 시 즉시 목록 반영
- 토스트 중앙 정렬 (모바일 대응)
- URL 해시로 탭 상태 유지
- 화이트리스트 활성화 상태 정확히 조회 (white-list 값만 체크)
2025-12-23 12:17:58 +09:00
..
public Initial commit: Minecraft Dashboard 2025-12-16 08:40:32 +09:00
src feat(admin): 화이트리스트 API 연동 및 UI 개선 2025-12-23 12:17:58 +09:00
index.html Initial commit: Minecraft Dashboard 2025-12-16 08:40:32 +09:00
package.json Initial commit: Minecraft Dashboard 2025-12-16 08:40:32 +09:00
postcss.config.js Initial commit: Minecraft Dashboard 2025-12-16 08:40:32 +09:00
README.md Initial commit: Minecraft Dashboard 2025-12-16 08:40:32 +09:00
tailwind.config.js Initial commit: Minecraft Dashboard 2025-12-16 08:40:32 +09:00
vite.config.js Initial commit: Minecraft Dashboard 2025-12-16 08:40:32 +09:00

README.md

🎨 Minecraft Dashboard - Frontend

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

React Vite TailwindCSS

🛠️ 기술 스택

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

✨ 주요 기능

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

🚀 실행 방법

개발 모드

npm install
npm run dev

프로덕션 빌드

npm run build

📁 구조

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