- Create a web page using Vue.js.
- 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
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.
- 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/