Skip to content

wjddydwns/clone-netflix

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🍿 Clone Netflix Netflix를 클론한 웹 애플리케이션으로, TMDB API를 기반으로 영화 및 TV 프로그램 정보를 제공하며 실제 넷플릭스 UI를 유사하게 구현한 프로젝트입니다. React, axios, React-Query, CSS, 반응형 웹을 학습하며 제작되었습니다.

🔗 링크 👉 배포 링크 바로가기

🛠 기술 스택 React Router DOM: react-router-dom을 통해 메인 페이지, 상세 페이지, 검색 페이지, 에러 페이지 등 다양한 라우팅 처리

React Query: @tanstack/react-query로 TMDB API 데이터를 비동기 요청 및 캐싱 처리

React Bootstrap: 기본 UI 구성 및 반응형 스타일 적용

Axios: 외부 API 호출 (TMDB)용 HTTP 클라이언트

React Multi Carousel: 영화 목록을 캐러셀(슬라이더) 형식으로 출력

🎬 주요 기능 ✅ TMDB API를 통한 실시간 영화/TV 프로그램 목록 조회

✅ 메인 페이지에서 인기 콘텐츠 슬라이드 구현

✅ 영화 클릭 시 상세 정보 페이지

✅ 검색 페이지에서 영화 검색 기능

✅ 사용자 경험을 위한 404 에러 페이지 제공

✅ 모든 화면 반응형 구현 (모바일/태블릿/PC 대응)

⚙️ 설치 및 실행

git clone https://github.com/wjddydwns/clone-netflix.git
cd clone-netflix
npm install
npm start

홈 페이지

FireShot Capture 025 - React App -  localhost  (1)

메인페이지

FireShot Capture 026 - React App -  localhost

영화 상세 페이지

image

검색 페이지

image

에러페이지

chrome-capture-2025-3-20 (1) (1)

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors