An all-in-one AI-powered dashboard for YouTube creators โ plan content, analyse trends, optimise metadata, and schedule uploads, all in one place.
| Module | Description |
|---|---|
| Dashboard | At-a-glance channel stats and recent activity |
| My Videos | Browse and manage your uploaded videos |
| Channel Planner | Plan and organise your content calendar |
| Viral Dissector | Reverse-engineer why videos go viral |
| Trend Hunter | Discover trending topics in your niche |
| Video Prompt Generator | AI-generated video ideas and scripts |
| Metadata Optimizer | AI-suggested titles, descriptions, and tags |
| Next Hit Predictor | Predict which video concepts will perform best |
| Shorts Remixer | Repurpose long-form videos into YouTube Shorts |
| Publish Scheduler | Schedule uploads for optimal posting times |
| Layer | Technology |
|---|---|
| Framework | React 18 + Vite |
| Language | TypeScript |
| Styling | Tailwind CSS |
| AI | Google Gemini AI SDK |
| Data | YouTube Data API v3 |
# Install dependencies
npm install
# Start the development server
npm run devOpen http://localhost:5173 in your browser.
Create a .env file at the project root:
VITE_YOUTUBE_API_KEY=your_youtube_data_api_key
VITE_GEMINI_API_KEY=your_gemini_api_keyYou can obtain a YouTube Data API v3 key from the Google Cloud Console and a Gemini API key from Google AI Studio.
src/
โโโ App.tsx # Root layout & navigation
โโโ components/
โ โโโ Dashboard/
โ โโโ MyVideos/
โ โโโ ChannelPlanner/
โ โโโ ViralDissector/
โ โโโ TrendHunter/
โ โโโ VideoPromptGenerator/
โ โโโ MetadataOptimizer/
โ โโโ NextHitPredictor/
โ โโโ ShortsRemixer/
โ โโโ PublishScheduler/
โโโ lib/
โโโ youtube.ts # YouTube API client
โโโ gemini.ts # Gemini AI client
MIT