• Deploy Site : https://zagg2732.github.io/youtube-top10

• Github Repository : https://github.com/Zagg2732/youtube-top10

Introduce Project

• 📌 Features
• 🛠 Stack
• 💿 Installation
• 📸 Site Screenshot

Vue.js 3와 YouTube Data API를 이용하여 선택한 지역을 선택한 언어로 볼 수 있는 TOP-10 페이지 입니다.

카테고리 별 필터링 및 바로 영상 재생 가능하며 모바일 화면에서도 확인하실 수 있습니다.

• TOP-10 페이지 진입 시, 접속한 지역-언어 자동 셋팅
• 지역, 언어 변경 가능
• 선택한 지역의 카테고리 별 TOP-10 확인 가능
• TOP-10 페이지 내에서 영상 재생 가능
  
  

• Vue.js 3 ^3.0.0
• Vue-Router 4 (For Vue.js 3) ^4.0.0-0
• Vuex 4 (For Vue.js 3) ^4.0.2
• Vuex-Persistedstate 4 (For Vue.js 3) ^4.0.0
• axios ^0.21.1
• Bootstrap ^5.0.2
• vue-cli-plugin-yaml ^1.0.2

• YouTube Data API v3
  
  

git clone https://github.com/Zagg2732/youtube-top10.git

Before starting you need a Google API key from the developer console, once you obtained your key, import the module in your application and register it as plugin:

# Needed Google API

YouTube Data API v3

# Project root > config.yml

googleKey: <YOUR_KEY>

npm install

npm run serve

npm run build

npm run lint