Available Scripts

In the project directory, you can run: npm start Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

☑️api 데이터를 받아오기 위해 React Query을 사용하고, navigation, movies list, modal등을 구현하기 위해 Framer Motion을 사용하였으며,recoil 을 사용하여 전체 앱의 darkmode/lightmode를 구현하였습니다.

✨ Language : javascript, typescript, React.js
✨ CSS : Styled Components and Motion build

  • Home Page (/) : Popular 탭을 가리키며 인기있는 영화리스트를 보여줍니다
  • Coming Soon Page (/coming-soon): 상영예정인 영화리스트를 보여줍니다.
  • Now Playing Page (/now-playing) : 현재 상영중인 영화리스트를 보여줍니다.!