개인 프로젝트 : MovieHub

 

✨ GitHub

GitHub - seungHee-cat/MovieHub

 

 

🔔 프로젝트 내용을 정리한 Notion 페이지 입니다

🍿 MovieHub | Notion

 

 

구현 화면

1. 메인 화면

 

메인 화면 입니다.
영화를 검색할 수 있고 박스오피스, 넷플릭스, 왓챠 TOP10 랭킹을 확인할 수 있습니다.

 

2. 영화 검색 페이지

"스파이"라고 검색했을 때 일부 일치하는 영화의 목록이 나타납니다.
또한 상세 줄거리가 제공되어 해당 영화의 내용을 한 눈에 볼 수 있습니다.

 

3. 영화 상세페이지 

예시로 작성한 <아쿠아맨과 로스트킹덤> 상세 페이지입니다.

코멘트를 작성하고 수정/삭제가 가능하며 코멘트와 별개로 평가를 할 수 있습니다.
또한 이 영화에 남긴 유저들의 모든 코멘트를 확인할 수 있습니다.

 

4. 코멘트 상세 페이지

코멘트에 댓글/대댓글을 남기고 유저 간 소통할 수 있는 코멘트 상세 페이지 입니다.

 

5. 전체 코멘트 페이지

 

모든 코멘트를 확인할 수 있는 전체 코멘트 페이지입니다.
스크롤효과를 주어 코멘트가 서서히 나타날 수 있도록 했습니다.

 

6. 마이페이지

유저의 마이페이지 입니다.
내가 남긴 평가, 코멘트 리스트를 확인할 수 있고 캘린더가 제공되어 코멘트를 남긴 날짜에 해당하는 영화를 한 눈에 확인할 수 있습니다.

 

6-1. 프로필 모달창

 

간략한 프로필 모달 창입니다.
프로필 사진, 닉네임, 이메일, 자기소개를 변경할 수 있고 비밀번호 변경 및 회원탈퇴가 가능합니다.

 

7. 마이 평가 페이지

내가 평가한 평점 리스트를 볼 수 있는 페이지입니다.

 

8. 마이 코멘트 페이지

내가 작성한 코멘트 리스트를 볼 수 있는 페이지입니다.

 

9. 관리자 페이지

심플하게 작성한 관리자 페이지입니다.