TR1L Frontend (Admin Dashboard)

TR1L 프로젝트의 관리자 대시보드 프론트엔드입니다.
디스패치 정책(Dispatch Policies)을 관리하고, 채널 라우팅 우선순위를 설정하며, Grafana를 통해 시스템 지표를 모니터링할 수 있습니다.

✨ 주요 기능

• 정책 관리: 디스패치 정책 생성, 수정, 폐기(Retire), 활성화(Activate)
• 채널 라우팅: SMS, EMAIL 등 발송 채널의 우선순위 시각화 및 설정
• 모니터링: Recharts를 활용한 실시간 대시보드 (발송 성공률, 일별/시간별 추이 등)
• 프리미엄 디자인: Glassmorphism 기법이 적용된 세련된 UI (Clean & Airy Light Mode)

🛠 기술 스택

• Core: React 19, TypeScript, Vite
• Styling: Vanilla CSS (Variables & Glassmorphism)
• State/API: Internal State, Fetch API (with Mock Fallback)
• Visualization: Recharts

🚀 시작 가이드

1. 설치 및 실행

# 의존성 설치
npm install

# 개발 서버 실행
npm run dev

2. 빌드 및 배포

# 프로덕션 빌드
npm run build

# 프리뷰
npm run preview

📚 문서 (Documents)

프로젝트 내에 상세한 가이드 문서가 포함되어 있습니다.

• setup_guide.md: 로컬 개발 환경 설정 및 백엔드 연동 방법
• AMPLIFY_DEPLOYMENT.md: (추천) AWS Amplify를 이용한 간편 자동 배포 가이드
• AWS_DEPLOYMENT.md: AWS EC2/Docker 수동 배포 가이드
• api_specification.md: 연동된 백엔드 API 명세서

🔗 관련 링크

• Backend Repo: (링크 추가 예정)
• Team TR1L: GitHub Organization