dpqls0356 / react_movie_web

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

react로 영화 정보를 볼 수 있는 사이트 만들기

github-pages는 version2 branch의 코드로 만들어졌다.

노마드코더의 ReactJS로 영화 웹 서비스 만들기 강의를 듣고 만들어 본 사이트
영화 사이트 주소 : https://github.com/dpqls0356/react_movie_web/deployments/activity_log?environment=github-pages
YTS.API를 사용하여 영화 정보를 불러와 제공하였다. ( 주소 : https://yts.mx/api )


메인화면

gif


1. 분류 기준은 다운로드 수, 높은 평점, 장르별로 영화를 나열했으며 장르별로 정보를 제공할때는 해당 장르 중 평점이 높은 순으로 나열하였다.
2. 영화 포스터 위에 마우스가 위치할 경우 해당 영화의 평점과 함께 더보기 버튼을 제공하여 해당 영화에 대한 정보를 더 제공받을 수 있도록 하였다.


추가정보 제공 화면

gif

[ 제공되는 정보 ]
영화제목, 포스터, 장르, 평점, 줄거리

About


Languages

Language:JavaScript 68.4%Language:CSS 22.2%Language:HTML 9.3%