무비셀렉터

애정하는 영화 리뷰 및 평점 등록 사이트

• Team name : 무비셀렉터 ( 영화 평점사이트 제작 )
• Project duration : 2023.03.13 - 2023.04.14
• Team members : 주양아(팀장), 이인국, 구성미, 신현중
• Link : 무비셀렉터 방문하기👀
• Service overview: 서비스 메뉴얼
• Pages overview: 화면 정의서(Figma), 화면 정의서(PDF)
• Functional Requirement: 사용자 요구사항 정의서
• Functional Test: 개발자 테스트 문서
• API Specification: API 명세서

핵심 기능

• 영화 조회 : 사이트 내 Top10 영화와 카테고리 별 영화를 조회할 수 있습니다.
• 프리뷰 : 메인페이지에서 포스터 클릭 시, 프리뷰 모달을 통해 영화정보 및 최신 리뷰 확인 가능합니다.
• 리뷰 작성 및 부가 기능 : 별점&코멘트를 포함하여 영화 리뷰를 남길 수 있으며, 리뷰에 대해 공감&비공감을 체크할 수 있습니다.
• 관련 영화 추천 : 영화 상세페이지에서 관련 영화를 추천받을 수 있습니다.
• 좋아요&북마크 : 좋아요, 북마크 기능을 통해 마음에 드는 영화 목록을 저장할 수 있으며 마이페이지에서 확인 가능합니다.
• 유저 페이지 : 다른 유저의 프로필을 조회하여 소개글과 유저가 좋아하는 영화, 북마크로 담은 영화, 유저가 남긴 리뷰를 확인할 수 있습니다.
• 영화 검색 : 영화 목록을 조회 하고 검색 할 수 있습니다.
• 영화&회원&리뷰 : 관리자 페이지를 통해 영화 · 회원 · 리뷰 삭제/수정 가능합니다.

Team members

주양아 (FE, Team lead)	이인국 (FE)	구성미 (FE)	신현중 (FE)
Pages - 상세페이지 - 검색페이지 Features - 댓글,답글 CRUD - 좋아요, 북마크 CRUD - 공감, 비공감 CRUD - 영화 검색	Pages - 메인 홈페이지 - 프리뷰 페이지 Features - framer-motion 애니메이션 - react-slick 구현	Pages - 홈페이지 - 마이페이지 - 유저페이지 Features - react-slick 구현 - 리뷰 조회,수정,삭제 - 사용자 조회,수정 - 페이지네이션	Pages - 회원 로그인/회원가입 - 관리자 로그인/회원가입 - BackOffice 페이지 Features - Sign in/up 기능 - 영화,리뷰,유저 수정, 삭제 - 페이지네이션 - modal 기능

Tools

Communication

Notion	Github	Discord	Figma

Front-End

React	Scss	JavaScript	esLint	Prettier

Other

AWS

Git Branch

main : 서비스 운영 브랜치

dev : 메인 브랜치 배포전 릴리즈 브랜치

feature : 기능 개발 브랜치

pages : 페이지 개발 브랜치

기능 미리보기( Front-end )

	페이지 및 기능	설명	담당개발자
Main Page		- react-slick 캐러셀 구현 마우스 오버 시 평점확인 클릭 시 해당영화 프리뷰	FRONT-END 이인국,구성미
Preview		- 마우스 오버 시 평점확인 - 클릭시 해당영화 프리뷰	FRONT-END 이인국
Detail Page		- 댓글,답글 기능 구현 - 좋아요 , 북마크 구현 - 공감 , 비공감 구현	FRONT-END 주양아
Detail page2		- 댓글,답글 기능 구현 - 호감도 체크 구현 - 댓글 정렬 기능	FRONT-END 주양아
Search page		- 영화 검색기능 구현	FRONT-END 주양아
My Page		- 카테고리별 캐러셀 구현 - 호버시 좋아요 기능 구현	FRONT-END 구성미
User Page		- 타 사용자 리뷰 및 댓글 확인 기능	FRONT-END 구성미
Backoffice Page		- 영화,리뷰,유저 수정, 삭제 구현 - 페이지네이션 구현 - modal 기능 구현	FRONT-END 신현중
Login Page		- Sign in/up 기능	FRONT-END 신현중

Pages

	페이지/기능 배치 구조
Common
Home & Preview
Detail Page
My & User
BackOffice