프로젝트 요구사항

Bare minimum requirements

• JWT, localStorage를 이용한 로그인 구현
• 권한 부여(Authorization)에 따른 다른 유저의 플레이리스트에 접근 제한 구현
• 회원가입, 로그인, 로그아웃, 마이페이지, 회원탈퇴 기능 구현
• 회원가입, 로그인 및 회원정보 수정 시 유효성 검사
• 소셜 로그인 외 서비스 자체 회원가입 기능 제공
• 회원가입 없이도 저장되지 않는 플레이리스트를 제공해 플레이리스트 저장과 랭킹 기능을 희망하도록 회원가입을 유도하는 장치 마련
• 회원 탈퇴나 리소스 삭제시 확인(confirm) 모달 제공
• 마이페이지를 통해 사용자 개인정보 수정 기능 제공
• (소셜 로그인이 아닐 경우) 비밀번호 수정 기능 제공
• 라이브러리를 사용하지 않고 모달 UI React 컴포넌트 직접 작성
• 데이터(플레이리스트, 랭킹)를 API로 받아 와서 리스트 구현
• 3rd-party API 호출(Youtube API 사용)
• React Responsive를 사용한 모바일 환경 대응 및 반응형 웹

Advanced

• 뽀모도로 25분 집중, 5분 휴식 타이머 기능
• 25분 집중의 시작과 끝을 확인해 1뽀모를 추가하는 기능
• 유저의 뽀모도로 달성 횟수를 볼 수 있는 랭킹 시스템 기능
• 플레이리스트의 저장 기능, 랭킹시스템 기능(회원만 사용 가능)
• 키워드 태그 제시 기능
• 음악 시간 검색 필터링 기능
• 스크롤에 의한 애니메이션 적용(greensock 사용)
• Swipe 애니메이션 적용(swiper 사용)
• 무한 스크롤/페이지네이션 구현
• OAuth 2.0을 이용한 소셜 로그인

Nightmare

• lighthouse 각 항목 70점 이상 통과 (PWA 제외)
• [테스트] w3c validator 통과
• [테스트] 백엔드 테스트 코드 작성