프로젝트 요약
◆ 진행 인원: 5명
◆ 서비스 이름: Motitube
◆ 구현할 서비스 한줄 요약: 유튜브 API를 활용하여 동기부여 영상을 추천해주는 웹페이지
구현할 기능
- 회원가입, 로그인
- 마이 페이지
- 프로필 사진 등록, 변경
- 게시한 글 목록
- 메인 페이지
- 조회순 영상 추천
- 유튜브 API 연동
- 상세 페이지
- 제목, 내용, 유튜브 영상 재생 등
- 댓글
- 게시글 올리기
- 동영상 링크와 함께 게시글 작성
내가 맡은 서비스
- 상단에는 로그인 및 회원가입 버튼을 배치
- 메인 화면 중앙에는 조회수 높은 동영상 목록을 카드 형태로 배치
- 각 카드에는 동영상 제목, 업로드한 사용자 이름, 조회수, 좋아요 수 등의 정보를 표시
- 각 카드를 클릭하면 해당 동영상의 상세 페이지로 이동
환경 규칙
- yarn 사용
- camal 표기법
- React query 라이브러리 사용
- yarn.lock 을 사용하여 프로젝트 버전 일관화
■ Gighub
- 마스터 브랜치(master or main) - 배포용
와이어 프레임