🧇Wachapedia

WaffleStudio 22-5 Team 8 토이프로젝트

22-5 와챠피디아 Frontend

• 와챠피디아(WachaPedia)는 왓챠피디아(WatchaPedia)를 클론하는 클론 프로젝트입니다.
• 왓챠피디아는 본래 영화, 드라마, 웹툰 등 다양한 컨텐츠에 대한 자신의 평가 및 감상을 공유하는 서비스로, 이 프로젝트에서는 영화에 대해서만 구현하였습니다.
• 이 레포지토리는 Frontend 레포지토리로, Backend 내용은 Backend 레포지토리를 참고하시기 바랍니다.

배포

• Frontend prod 배포: https://d2vsqxcvld4zf7.cloudfront.net/
• Frontend dev 배포: https://d1xtmfti6ypide.cloudfront.net/
• 백엔드 배포: http://52.79.121.53

역할 분담

• 박인혁: 회원가입 및 로그인, 유저 프로필 페이지 구현
• 박종경: 랜딩 페이지, 검색, 컬렉션 관련 기능, 추천 영화 페이지, 소셜 로그인, 유저 프로필 관련 기능 구현
• 허태윤: 영화 페이지, 리뷰, 댓글, 취향 분석 페이지, 유저 차단 관련 기능 구현

기술 스택

협업

주요 페이지 및 기능

메인 페이지: 왓챠피디아 HOT 랭킹, 박스오피스 순위, 왓챠피디아 구매 순위, 넷플릭스 순위 등의 영화 목록을 제공합니다.

로그인 및 회원가입: 카카오, 구글 소셜 로그인을 지원합니다.

영화 페이지: 영화별로 영화에 대한 포스터, 줄거리, 출연/제작 등의 정보를 제공하고, 별점을 매기고 자신의 의견을 코멘트로 작성할 수 있습니다.

코멘트 페이지: 코멘트를 남기고, 코멘트 목록을 볼 수 있습니다. 팔로우하는 유저의 코멘트만 모아서 볼 수 있고, 코멘트 별로 코멘트 페이지에서 댓글을 남길 수 있습니다.

검색 페이지: 영화, 장르, 인물, 컬렉션, 유저에 대한 통합 검색이 가능합니다.

유저 페이지: 사용자에 대한 기본 정보를 제공합니다. 팔로워/팔로잉 목록, 평가/컬렉션 목록을 확인할 수 있습니다. 로그인 시 별점 분포, 나의 좋아요 인물/컬렉션/코멘트 목록을 확인할 수 있습니다.

컬렉션 페이지: 영화를 선택하고 편집하여 컬렉션을 생성할 수 있습니다. 컬렉션 페이지에서는 좋아요을 누르고 댓글을 남길 수 있습니다.

영화 페이지에서 컬렉션 생성: 더보기를 눌러 이미 존재하는 컬렉션에 영화를 추가하거나, 이 영화를 포함하여 새로운 컬렉션을 생성할 수 있습니다.

취향 분석 페이지: 사용자가 남긴 평가를 바탕으로 별점 분포, 영화 선호 태그, 영화 선호 장르, 선호 배우, 선호 감독, 영화 감상 시간 등의 통계를 확인할 수 있습니다.

추천 페이지: 사용자가 남긴 평가를 분석하여 사용자에게 맞춤형 추천과 예상 별점을 제공합니다.

신기능

장르 검색: 장르명을 검색하면 해당 장르의 영화를 검색할 수 있습니다. 여러 장르를 동시에 검색하는 것도 가능합니다.

사용자 차단: 사용자 페이지에서 차단할 수 있고, 차단하면 영화 리뷰나 검색 결과에서 해당 사용자를 확인할 수 없습니다. 차단 관리 페이지에서 다시 차단을 해제할 수 있습니다.