사용 기술

React TypeScript Vite Zustand Tailwind CSS Firebase

담당 역할 / 기여도

• 이메일/비밀번호 로그인 후 프로젝트가 없으면 기본 프로젝트를 자동 생성하도록 설계
• 프로젝트 > 버킷 > 태스크 구조로 데이터를 분리해 작업 단위를 체계적으로 관리
• Firestore에 projects, buckets, tasks 컬렉션을 두고 각 문서에 projectId, bucketId, owner, members 같은 참조 필드를 포함하도록 구성
• 생성/수정 시각은 serverTimestamp()로 기록해 서버 기준 시간 일관성을 유지
• Zustand로 인증, 프로젝트, 버킷, 태스크 상태를 분리 관리해 UI와 데이터 로직을 분리
• 현재 버킷 기준으로 완료율, 최근 7일 활동량, 백로그 추이를 시각화해 단순 CRUD를 넘어 작업 흐름 분석 기능까지 구현

스크린샷