f-lab-edu / netflix-clone

넷플릭스 클론

넷뿌러졌스

1. 프로젝트 소개 🚀
2. 화면 구성 📺
3. API 🚀
4. 기술 스택 🛠
5. 구현 기능 📍
6. 프로젝트 구조 🗂
7. 배포 ✨

1. 프로젝트 소개 🚀

• 개요 : 최신, 인기 있는 콘텐츠를 제공하고 대여 및 구입 서비스를 제공합니다.
• 주제 : 넷뿌러졌스
• 기간 : 2023.09.14 ~

2. 화면 구성 📺

• 메인화면
  • 소개
• 로그인 화면
  • 로그인(email & password)
  • 구글 로그인
  • GitHub 로그인
• 회원가입 페이지
  • 회원가입
  • 계정 안내
  • 멤버십 소개
  • 멤버십 결제
• 서비스 이용화면
  • 모든 콘텐츠(홈)
  • 추천 컨텐츠
  • TV 시리즈
  • 영화
  • NEW! 요즘 대세 콘텐츠
  • 내가 찜한 콘텐츠
  • 시청중인 컨텐츠 목록
• 컨텐츠 상세페이지
  • 컨텐츠 소개
  • 컨텐츠 미리보기(티저)
  • 관련 시리즈
  • 관련 컨텐츠 추천 목록
• 검색페이지
  • 입력된 검색어 관련 컨텐츠 목록 - (진행중60%)
• 설정 페이지
  • 회원정보 수정(비밀번호, 닉네임, 프로필)

3. API 🚀

• 로그인
  • 회원가입 POST
  • 로그인 GET
• 프로필
  • 설정된 프로필 GET
  • 시청중인 컨텐츠 목록 GET
  • 추천 콘텐츠 preview GET
  • 알림 GET
• 상세 정보
  • 콘텐츠 상세 정보 GET
  • 특정 콘텐츠 시즌 정보 GET
  • 특정 시즌 에피소드 정보 GET
• 검색
  • 콘텐츠 검색 GET

4. 기술 스택 🛠

• React.js
• Next.js (v13 -> 24.01 v14 upgrade)
• Auth.js
• React Query
• daisy UI, tailwind

5. 구현 기능 📍

6. 프로젝트 구조 🗂

src
├── app 
├── components
├── config
├── hooks
├── services
├── types

7. 배포 ✨

구경하러 가기! <- 클릭시 이동됩니다!