[Update] - Readme.md 웹페이지 기능 구현 반영

[xszvvfm]

Movolleh-Movie-Website

(소개글 입니다) 영화 추천 사이트 입니다.

Website Link

• [Movolleh-Movie-Website](배포 링크)

Layout

(랜딩 페이지와 상세 페이지 구분하여 작성하였습니다)

랜딩 페이지

• 헤더 : 클릭 시 홈으로 이동하는 홈(MOVOLLEH) 버튼, 웹 페이지를 제작한 팀을 소개하는 Credit 버튼, 영화를 검색할 수 있는 검색 창으로 구성되어 있습니다.
• 팀 소개글 : 웹 페이지를 소개하는 곳입니다.
• 영화 목록 : 인기 영화 순으로 나열되어 있으며, 검색 결과로 나타난 영화들이 나열됩니다.

상세 페이지

• 헤더 : 클릭 시 홈으로 이동하는 X(ANVOLLEH) 버튼으로 구성되어 있습니다.
• 좌측 : 검색된 영화에 대한 정보 (영화 포스터, 제목, 내용 요약, 감독 및 출연진)와 리뷰를 나타냅니다.
• 우측 : 좌측 영화에 대한 추천 영화들이 나열됩니다.

Features

(필수 요구사항 기준으로 작성하였습니다. 더 구체적으로 작성하는게 좋을지 의견 말씀해주세요)

• 바닐라 JS 사용
• TMDB Open API 이용
  • Top Rated API, Details API, Credits API, Similar API
• 영화 정보 상세 페이지 구현
• 상세 페이지 영화 리뷰 작성 기능 구현
• UX를 고려한 validation check
• 하기 기재된 JavaScript 문법 요소 이용하여 구현
  • (추가 예정)
• 페이지네이션 기능 구현
• CSS 반응형 UI 구현

Skills

• HTML
• CSS
• JavaScript

Project Configuration

• src : JavaScript 폴더입니다.
  • (JS 상세 파일 설명도 추가하는게 좋을지 의견 말씀해주세요)
• style : CSS 폴더입니다.
  • (CSS 상세 파일 설명도 추가하는게 좋을지 의견 말씀해주세요)
• credit.html : 웹 페이지를 제작한 팀 소개 페이지 HTML 파일입니다.
• index.html : 메인 HTML 파일입니다.
• movieDetail.html : 영화 상세 페이지 HTML 파일입니다.

[eliotjang]

좋습니다. 추가로

• 레퍼런스로 TMDB API 사이트 링크
• src, style 설명을 토글 목록으로 상세 파일 추가
• credit, index, movieetail html은 깃허브 해당 파일 링크로 달아주세요

[KAPUIST]

tmdp에서 추가로 popular nowplaying 이라는 api 도쓰고 있어요!

[eliotjang]

해당 페이지에 대한 이미지도 추가하면 좋을것같습니다~

[eliotjang]

추가사항

• 팀 프로젝트 설계 회의록 링크
• Figma 와이어프레임
• 팀원별 맡은 역할 및 기능 / 이슈 정리

[eliotjang]

추가사항

• 사용 기술은 '딩코' 깃허브처럼 이미지 변경
• 팀원 깃허브 링크 추가

참고 링크

• [https://github.com/choisooyoung-dev/d-ingco]()

[eliotjang]

추가 사항

• 필수 요구사항, 선택 요구사항 칸을 만들어서 적어주고, 어디서 구현했는지 간단하게 적어주면 좋을 것 같습니다.

ex)

선택 요구사항 구현

• 상세페이지 리뷰 수정 기능 구현
  • review.js
  • editReview()
  • openEditModal(),