tuteplanning

tuteplanning

포커 계획을 위한 VueJs 웹 앱. 배포된 데모는 http://www.tuteplanning.com에서 볼 수 있습니다.

특징

Firebase 실시간 데이터베이스를 사용하면 npm Firebase와 함께 소프트웨어가 변경 사항을 수신하고 이러한 변경 사항을 웹 페이지에 반영합니다. 스프린트를 생성하고 카드 유형(피보나치, 티셔츠)을 선택하고 작성자만 투표를 표시할 수 있는지 확인하세요. 각 스프린트에서 스토리를 추가하고, 스토리를 투표로 변경하고, 결과를 CSV 형식으로 내보낼 수 있습니다.

프로젝트 설정

Firebase 실시간 데이터베이스를 만들고 웹 앱 프로젝트를 만들어야 합니다. 새 .env.local 파일 내부의 구성에서 값을 복사합니다. (프로젝트를 배포하려면 .env.production 파일이 필요합니다).

 VITE_APP_TITLE=Tute Planning
VITE_HOST_NAME=http://localhost:5173
VITE_FIREBASE_API_KEY=API_KEY
VITE_FIREBASE_AUTH_DOMAIN=AUTH_DOMAIN
VITE_FIREBASE_DATABASE_URL=DATABASE_URL
VITE_FIREBASE_PROJECT_ID=PROJECT_ID
VITE_FIREBASE_STORAGE_BUCKET=STORAGE_BUCKET
VITE_FIREBASE_MESSAGING_SENDER_ID=SENDER_ID
VITE_FIREBASE_APP_ID=APP_ID
VITE_FIREBASE_MEASUREMENT_ID=EMEASUREMENT_ID

npm install

개발을 위한 컴파일 및 핫 리로드

npm run dev

프로덕션을 위한 컴파일 및 축소

npm run build

Vitest로 단위 테스트 실행

npm run test:unit

Cypress로 엔드투엔드 테스트 실행

npm run test:e2e:dev

이는 Vite 개발 서버에 대해 엔드투엔드 테스트를 실행합니다.

프로덕션 빌드보다 훨씬 빠릅니다.

하지만 배포하기 전에(예: CI 환경에서) test:e2e 사용하여 프로덕션 빌드를 테스트하는 것이 여전히 권장됩니다.

npm run build

npm run test:e2e

ESLint를 사용한 린트

npm run lint