Skip to content

Latest commit

 

History

History
25 lines (19 loc) · 930 Bytes

README.md

File metadata and controls

25 lines (19 loc) · 930 Bytes

Test assignment

Requirements

  1. Create a web page using Vue.js.
  2. The Page should present the following data for a YouTube Channel of your choice, using YouTube Data API:
    • Channel Name
    • Total number of views for all videos of the channel
    • Avg Views number

Final notes

I wanted to make the page to look a bit fancier. Also it was a great opportunity for me to learn something new - Vite bundler in this case.

What has been done

  • used Vue.js, TypeScript and TailWind CSS - the stack I love
  • added favicon
  • added mobile layout
  • added an input field for YouTube channel ID
  • added two environment variables to .env file:
    • one for YouTube API key
    • one for default channel ID set to that of PewDiePie channel
  • if you press Enter in an empty input default channel ID is used
  • deployed to GitHub Pages https://vb-oiko.github.io/youtube-stat-test/