⏲️ 디베이트 타이머: Debate Timer (Front-end)

디베이트 타이머의 Front-end 저장소입니다.
우리는 토론 진행을 효율적으로 돕는 서비스를 제공하는 것을 목표로 토론에 진행에 필요한 다양한 형식의 타이머를 제공해요.
전체 프로젝트 및 서비스 소개는 조직 메인 페이지에서 확인하세요.

서비스 바로가기

🛠️ 기술 스택

항목	스택
Core	React, TypeScript
빌드	Vite
스타일링	TailwindCSS v3
테스트	Vitest, Storybook, MSW
네트워킹	Axios, TanStack Query
린팅 / 포매팅	ESLint, StyleLint, Prettier
CI / CD	S3, CloudFront, Github Actions
분석	GA4

---

실행 방법

사전 준비
Node.js: v20.x LTS
패키지 매니저: npm

# 의존성 설치
npm install

# 개발 서버 실행
npm run dev

# 테스트 실행
npm run test

# Storybook 실행
npm run storybook

# 빌드
npm run build

---

배포

• AWS S3 + CloudFront를 사용하여 웹사이트 호스팅
• GitHub Actions를 이용해 main 브랜치에 푸시 시 자동 배포

---

브랜치 전략

• main: 배포용 안정화 브랜치
• develop: 개발 중인 기능 통합 브랜치
• feature/*: 각 기능별 작업 브랜치

---

기여자

현재 활동 중

썬데이	치코	숀

휴식 중

엘	케이티

---

추가 링크

• Backend Repository: https://github.com/debate-timer/debate-timer-be
• Debate Timer Organization: https://github.com/debate-timer