728x90

Click! 👉https://dasolpark.github.io/Dasol_ReactJS_Movie_App/#/

 

Movie App

 

dasolpark.github.io

Github 👉https://github.com/DasolPark/Dasol_ReactJS_Movie_App

 

DasolPark/Dasol_ReactJS_Movie_App

ReactJS with Movie App. Contribute to DasolPark/Dasol_ReactJS_Movie_App development by creating an account on GitHub.

github.com

🎞 가장 높은 평점을 받은 영화와 최근 개봉한 영화 리스트를 알려주는 Movie App입니다.

✨ state 관리, event 관리, API를 이용해 데이터 받아오기는 물론이고,
react-router-dom을 이용하여 HashRouter, Route, Link를 연습하기에 좋은 프로젝트입니다.

가장 상단에 위치한 컴포넌트 영화 제목, 장르, 개봉 연도, 평점, 러닝타임, 요약 등 자세한 영화 정보를 안내합니다.
그리고 이 컴포넌트를 클릭하면 해당 영화 데이터와 함께 Detail 페이지로 이동하여 더욱 더 자세한 영화 정보를 안내합니다.

TOP RATED 페이지에서는 평점 순위대로 영화 목록이 출력되며,
LATEST 페이지에서는 가장 최근에 개봉한 영화를 출력해줍니다.

웹과 모바일에서 모두 이용 가능하도록 디자인하였습니다.

Top Rated Page
Latest Page
Detail Page
Full Page

+ Recent posts