App and site development resources
A zero-dependency, single-file YouTube channel dashboard.
Live via GitHub Pages β no build step, no npm, no server.
Repository name: yt-channel-manager (or any name you like)
Visibility: Public β required for free GitHub Pages
- Click Add file β Upload files
- Drop in
index.html - Commit changes
- Go to Settings β Pages
- Source: Deploy from a branch
- Branch:
main/(root) - Click Save
Your live URL will be:
https://<your-username>.github.io/<repo-name>/
(Takes ~60 seconds to go live after saving.)
- Go to console.cloud.google.com
- Create a project (or select existing)
- APIs & Services β Enable APIs β YouTube Data API v3
- Credentials β Create Credentials β API Key
- (Optional) Restrict the key to
https://<your-username>.github.io/*
YouTube β click your profile picture β Settings β Advanced settings
Copy the ID that starts with UCβ¦
| Tab | What it shows |
|---|---|
| π Overview | Channel info, subscriber/view counts, upload performance bars |
| π¬ All Videos | Searchable grid β thumbnails, views, likes, comments, duration |
| π Top 5 | Your top 5 videos ranked by total views |
- Uses YouTube Data API v3 (public key, read-only)
- Revenue / CTR / impressions require YouTube Studio OAuth β not available with an API key alone
- Your API key is used only in-browser and never sent to any third-party server