Skip to content

[리액트 프로젝트] framer-motion을 사용한 넷플릭스 클론코딩

Notifications You must be signed in to change notification settings

heysunny612/ts_netflix

Repository files navigation

리액트 프로젝트 Framer-motion을 이용한 넷플릭스 클론코딩

Framer Motion을 사용한 인트로 구현

이미지


메인 동영상 재생 및 모션 구현

이미지



슬라이드, 호버, 클릭시 모달 모션 구현


이미지



상품 검색 구현

이미지



제목 설명
구현 사항 -Framer Motion을 사용한 인트로 구현​
-메인 동영상 재생 및 모션 구현
-슬라이드, 호버, 클릭시 모달 모션 구현​
-비디오 검색 구현
-TMDB API 사용
라이브러리 axios, framer-motion, react-hook-form, react-player, react-query, slick-carousel, styled-components
css 및 반응형 styled-components 사용, 반응형 구현
배포 주소 Netlify https://sunnys-netflix.netlify.app/main
소스 코드 Github https://github.com/heysunny612/ts_netflix