README.md

🎥 팀과제 - 영화 검색 및 리뷰 사이트

프로젝트 소개

개인 과제로 진행한 영화 검색 사이트에 기능을 더하여 발전

• Javascript 과정을 마무리하며, 팀원들과 함께 JS 문법의 핵심을 적용해 볼 수 있는 영화 검색 사이트를 제작합니다.
• 기존에 개인 과제에서 TMDB를 이용하여 수행하신 과제의 심화 버전으로 진행합니다.

❗ 주요기능

• tmdp open api를 사용해 영화 리스트 카드 띄우기
• 카드 클릭 시, 상세 정보가 나오는 모달 창 구현
• 해당 영화의 리뷰를 작성, 삭제할 수 있는 리뷰페이지

👻 컨셉

호러 컨셉의 영화 검색 사이트

• 컨셉에 맞게, 호러 영화들의 제목 평점 등 영화 정보를 볼 수 있다
• 마우스 커서 변경, 헤더의 로고에 피가 떨어지는 등의 효과를 넣어 컨셉 극대화

기능 상세

• 메인의 검색 창으로 영화를 검색할 수 있다
• 카드들은 grid,flex를 활용해 창이 줄어들거나 커져도 카드 리스트를 보는데에는 불편이 덜 하도록 구현
• 카드 클릭 시 모달 창으로 영화 상세 정보 나열
• 더보기 버튼 클릭 시 리뷰 페이지로 이동
• 리뷰 페이지에서는 해당 영화에 대한 리뷰, 작성자, 별점을 비밀번호를 이용한 간단한 유효성 검사를 거쳐 작성 및 삭제할 수 있다
• 메인 페이지의 bgm 버튼으로 배경 음악을 재생할 수 있다

⏰ 작업 기간

24/5/1 ~ 24/5/7

• 아이디어, 개발 구상
• 개발
• 팀원간 코드 리뷰
• 발표

페이지 링크 : https://sangjun231.github.io/Help/