An open API service indexing awesome lists of open source software.

https://github.com/lucab85/tubecatalog

AI-powered title, description, and keyword optimization
https://github.com/lucab85/tubecatalog

agentic-builder ai-app content-automation gpt-4 metadata-generator nodejs openai radix-ui replit seo-tools tailwindcss typescript video-catalog video-optimization youtube youtube-api youtube-metadata youtube-seo youtube-tools youtube-transcript

Last synced: about 2 months ago
JSON representation

AI-powered title, description, and keyword optimization

Awesome Lists containing this project

README

          

# TubeCatalog ๐ŸŽฌ
**AI-powered YouTube Metadata Generator built with Replit Agentic Builder, GPT-4, and YouTube Data API v3**

---

## ๐Ÿš€ Overview

**TubeCatalog** is an intelligent video cataloging app that automates the creation of YouTube titles, descriptions, and SEO-optimized keywords using OpenAI's GPT-4 and real-time video metadata from the YouTube Data API.

Paste a YouTube URL and the app generates:
- โœ… An SEO-optimized **title**
- โœ… A detailed, AI-generated **description**
- โœ… Exactly **40 comma-separated keywords** (no hashtags)

---

## โœจ Features

- ๐Ÿ”— Input any YouTube video URL
- ๐Ÿง  Extract metadata and auto-generated transcript (if available)
- โœ๏ธ Generate structured, optimized metadata using GPT-4
- ๐Ÿ–ผ๏ธ Display video preview, thumbnail, and original info
- ๐Ÿ“‹ One-click copy functionality for all generated content
- ๐ŸŒ Built using Replit's **Agentic Builder**, **Tailwind CSS**, and **Radix UI**

---

## ๐Ÿงฑ Tech Stack

- **Frontend**: Radix UI + Tailwind CSS
- **Backend**: Node.js / TypeScript
- **APIs**:
- [YouTube Data API v3](https://developers.google.com/youtube/v3)
- [youtube-transcript](https://www.npmjs.com/package/youtube-transcript)
- [OpenAI GPT-4](https://platform.openai.com/)
- **Platform**: Replit

---

## ๐Ÿง‘โ€๐Ÿ’ป Setup Instructions

### 1. Clone the Repository
```bash
git clone https://github.com/lucab85/TubeCatalog.git
cd TubeCatalog
````

### 2. Install Dependencies

```bash
npm install
```

### 3. Create `.env` File

```env
YOUTUBE_API_KEY=your_youtube_api_key
OPENAI_API_KEY=your_openai_api_key
```

### 4. Run the App

```bash
npm run dev
```

---

## ๐Ÿ“ฆ API Keys Required

| Service | Key | Use |
| ---------------- | ----------------- | ------------------------------- |
| YouTube Data API | `YOUTUBE_API_KEY` | To fetch video metadata |
| OpenAI API | `OPENAI_API_KEY` | To generate content using GPT-4 |

---

## ๐Ÿ“ท Screenshot

![TubeCatalog Screenshot](./screenshot.jpg)

---

## ๐Ÿงช Example Output

For `https://youtu.be/UnWQEJDmego`

* **Title**: *Unlocking AI OCR: Revolutionizing Text Recognition Technology*
* **Description**: *(Full paragraph with use cases and insights from transcript)*
* **Keywords (40)**: `AI OCR, Optical Character Recognition, text recognition, ...`

---

## ๐Ÿ“„ License

MIT License ยฉ 2025 Luca Berton
[https://lucaberton.com](https://lucaberton.com)

---

## ๐Ÿ™Œ Contribute

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

### ๐Ÿ”— Links

* ๐ŸŽฌ [Demo Video on YouTube](https://youtu.be/Js58yqsz5Ww) โ€“ *See TubeCatalog in action*
* ๐ŸŒ [Live App Demo](https://replit.com/@lucaberton/TubeCatalog)
* ๐Ÿ“บ [YouTube Channel](https://youtube.com/@lucaberton)
* ๐Ÿค– [OpenAI API](https://platform.openai.com/)
* ๐Ÿ“˜ [YouTube API Docs](https://developers.google.com/youtube/v3)