Netflix Clone - React

바로가기 : https://amazing-goldwasser-5a21b9.netlify.app

The Movie Database (TMDb) 에서 제공되는 API를 이용하여 영화, TV 프로그램의 인기 프로그램, 현재 상영작 등을 포스터를 활용해서 보여주는 페이지.

주요 기능

---

• Movie : 현재 상영작, 인기순위, 개봉 예정작 의 정보 제공.
• TV : 오늘의 방송, 현재 방송 중, 인기순위 의 정보 제공.
• Search : 영화, TV정보를 검색 할 수 있다.
• Detail : 해당 프로그램의 포스터, 개봉, 방영일, 장르, 개요 등의 정보와 트레일러, 비슷한 프로그램 등의 데이터 표시.

사용된 외부 모듈

---

• axios
• prop-types
• react-helmet
• react-moment, moment
• react-router-dom
• react-youtube
• styled-components, styled-reset

반응형 웹 - Media Query 설정

---

styled-components 의 ThemeProvider 를 사용하여 모듈화 시켜 각 컴포넌트에 미디어 쿼리 설정.

Laptop

Tablet

Mobile