/webos-netflix

A netflix clone app build for webos lg tv

Primary LanguageJavaScript



https://netflix-gw.netlify.app

Table of contents

Built with

Front-end

  • React
  • Javascript
  • Styled Components
  • Axios

Deploy

  • Netlify

Project

  1. μ˜ν™”
  • μ˜ν™” νŽ˜μ΄μ§€μ—μ„œ 인기 μ˜ν™”, ν˜„μž¬ μƒμ˜μ€‘, μƒμ˜ μ˜ˆμ •, 평점높은 μ˜ν™”λ₯Ό 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.
  • μ˜ν™” ν¬μŠ€ν„°μ™€ 제λͺ©, κ°œλ΄‰μΌ, 평점, μ„€λͺ…을 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.
  • λ¬΄ν•œ μŠ€ν¬λ‘€μ„ 톡해 νŽ˜μ΄μ§€ ν•˜λ‹¨μ— λ„λ‹¬ν–ˆμ„ λ•Œ, μΆ”κ°€μ μœΌλ‘œ μ˜ν™”λ“€μ„ κ°€μ Έμ˜΅λ‹ˆλ‹€.

  1. μ˜ν™” 상세정보
  • μ˜ν™” 상세정보 νŽ˜μ΄μ§€μ—μ„œ μ˜ν™” ν¬μŠ€ν„°μ™€ 제λͺ©, ν‚€μ›Œλ“œ, 트레일러, 배우, μŠ€ν‹Έμ»·μ„ 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.
  • Axiosλ₯Ό μ΄μš©ν•΄ The Movie DBλ‘œλΆ€ν„° μ˜ν™” 상세정보λ₯Ό κ°€μ Έμ˜΅λ‹ˆλ‹€.
  • μΆ”κ°€λ‘œ μΆ”μ²œ μ˜ν™” 및 TV ν”„λ‘œκ·Έλž¨μ„ κ°€μ Έμ˜΅λ‹ˆλ‹€.

  1. TV
  • TV νŽ˜μ΄μ§€μ—μ„œ 인기 ν”„λ‘œκ·Έλž¨, ν˜„μž¬ λ°©μ˜μ€‘, 방영 μ˜ˆμ •, 평점높은 ν”„λ‘œκ·Έλž¨μ„ 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.
  • TV ν¬μŠ€ν„°μ™€ 제λͺ©, κ°œλ΄‰μΌ, 평점, μ„€λͺ…을 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.
  • λ¬΄ν•œ μŠ€ν¬λ‘€μ„ κ΅¬ν˜„ν•˜μ—¬ νŽ˜μ΄μ§€ ν•˜λ‹¨μ— λ„λ‹¬ν–ˆμ„ λ•Œ, μΆ”κ°€μ μœΌλ‘œ TV ν”„λ‘œκ·Έλž¨λ“€μ„ κ°€μ Έμ˜΅λ‹ˆλ‹€.

  1. TV 상세정보
  • TV 상세정보 νŽ˜μ΄μ§€μ—μ„œ TV ν¬μŠ€ν„°μ™€ 제λͺ©, ν‚€μ›Œλ“œ, 트레일러, 배우, μŠ€ν‹Έμ»·μ„ 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.
  • Axiosλ₯Ό μ΄μš©ν•΄ The Movie DBλ‘œλΆ€ν„° TV 상세정보λ₯Ό κ°€μ Έμ˜΅λ‹ˆλ‹€.
  • μΆ”κ°€λ‘œ μΆ”μ²œ μ˜ν™” 및 TV ν”„λ‘œκ·Έλž¨μ„ κ°€μ Έμ˜΅λ‹ˆλ‹€.

  1. μ˜ν™”, TV ν”„λ‘œκ·Έλž¨ 검색
  • 검색 νŽ˜μ΄μ§€μ—μ„œ μ˜ν™” λ˜λŠ” TV ν”„λ‘œκ·Έλž¨λ“€μ„ 검색할 수 μžˆμŠ΅λ‹ˆλ‹€.
  • μ˜ν™” λ˜λŠ” TV ν”„λ‘œκ·Έλž¨ 제λͺ©μ„ μž…λ ₯ν•˜μ—¬ 검색 μ‹œ, ν•΄λ‹Ή 제λͺ©μ΄ ν¬ν•¨λœ 전체 μ˜ν™”μ™€ TV ν”„λ‘œκ·Έλž¨μ„ μ°ΎμŠ΅λ‹ˆλ‹€.

  1. 기타
  • ν΄λž˜μŠ€ν˜• μ»΄ν¬λ„ŒνŠΈμ™€ Container-PresenterνŒ¨ν„΄μ„ μ‚¬μš©ν•˜μ—¬, 데이터 μ²˜λ¦¬μ™€ 데이터 좜λ ₯을 λΆ„λ¦¬ν•˜μ˜€μŠ΅λ‹ˆλ‹€.
  • Containerμ—μ„œλŠ” API μš”μ²­, μ—λŸ¬ 처리, state λ³€κ²½ 등을 μ²˜λ¦¬ν•˜κ³ , Presenterμ—μ„œλŠ” Containerλ‘œλΆ€ν„° λ°›μ•„μ˜¨ 데이터λ₯Ό 좜λ ₯ν•©λ‹ˆλ‹€.

Pages

Root

  • ν™ˆ
  • 검색

Movie

  • 인기 μ˜ν™”
  • ν˜„μž¬ μƒμ˜μ€‘
  • μƒμ˜ μ˜ˆμ •
  • 평점높은 μ˜ν™”
  • μ˜ν™” 상세정보

TV

  • 인기 ν”„λ‘œκ·Έλž¨
  • ν˜„μž¬ λ°©μ˜μ€‘
  • 방영 μ˜ˆμ •
  • 평점높은 ν”„λ‘œκ·Έλž¨
  • TV 상세정보

Features

🎬 Movie

  • 인기 μ˜ν™” 보기
  • ν˜„μž¬ μƒμ˜μ€‘μΈ μ˜ν™” 보기
  • μƒμ˜ μ˜ˆμ •μΈ μ˜ν™” 보기
  • 평점높은 μ˜ν™” 보기
  • μ˜ν™” 상세정보 보기

πŸ“Ί TV

  • 인기 ν”„λ‘œκ·Έλž¨ 보기
  • ν˜„μž¬ λ°©μ˜μ€‘μΈ ν”„λ‘œκ·Έλž¨ 보기
  • 방영 μ˜ˆμ •μΈ ν”„λ‘œκ·Έλž¨ 보기
  • 평점높은 ν”„λ‘œκ·Έλž¨ 보기
  • TV 상세정보 보기

License

MIT