Youtube Clone Coding

배포 링크: 승튜브

사용 기술

• Javascript
• React.js
• Styled-components
• Context API
• Youtube API

구현 화면

기본 메인 화면

검색 화면

다크 & 라이트 변경

반응형

로딩 스피너

---

승튜브는 아래와 같은 기능을 제공합니다.

✔️ Youtube API 를 호출해 실시간으로 인기 동영상 보기
✔️ Youtube API 를 호출해 원하는 동영상 검색하기
✔️ 목록에서 동영상을 클릭해 세부 정보 확인 및 시청하기
✔️ 24시간 내에 올라온 영상일 경우 새 동영상 태그달기
✔️ 원하는 모드를 선택해 라이트 혹은 다크 모드로 시청하기
✔️ 작은 화면으로, 큰 화면으로 화면에 맞게 반응형으로 사용하기
✔️ 대기중일 때는 로딩 스피너로 사용성 높이기