README.md

Youtube Clone Coding

🕰️ 개발 기간

2023. 09 - 2023. 10

🔗 URL

https://youtube-oh.netlify.app

⚙️ 개발 환경

• React.js
• CSS: Tailwind CSS
• API: Youtube API
• Deploy: Netlify
• etc: React Router, React Query, Axios, timeago.js

📌 주요 기능

반응형 웹

PC

Mobile

메인페이지

- Youtube API를 활용하여 Youtube 영상 및 관련 정보를 보여줌
- timeago.js를 활용하여 얼마 전에 올라온 영상인지를 한 눈에 확인할 수 있음

	인기동영상 - 홈에서 실시간 인기동영상 리스트를 보여줌
	검색 기능 - 키워드 검색 시 관련 영상 리스트를 보여줌

상세페이지

- 영상 리스트 중 하나를 선택하면 상세 페이지로 들어옴

영상재생 및 상세 정보 - 해당 영상 재생 및 타이틀, 채널명, 영상설명을 제공함	사이드 리스트 - 우측에 해당 채널의 다른 영상들을 나열하여 보여줌