A web application that converts URLs into TikTok-style videos using AI-generated summaries and screenshots.

• Convert any URL into a video using Veo AI
• Fetch markdown content and screenshots from URLs
• Generate AI summaries using Gemini API
• TikTok-style scrolling feed with scroll-snap
• Customizable video generation prompts

├── backend/
│   ├── index.ts           # Main Hono server
│   ├── routes/
│   │   ├── videos.ts      # Video generation endpoints
│   │   └── static.ts      # Static file serving
│   └── database/
│       ├── migrations.ts  # SQLite schema
│       └── queries.ts     # Database operations
├── frontend/
│   ├── index.html         # Main HTML template
│   ├── index.tsx          # React app entry point
│   ├── components/
│   │   ├── App.tsx        # Main app component
│   │   ├── VideoFeed.tsx  # TikTok-style feed
│   │   ├── VideoCard.tsx  # Individual video component
│   │   └── URLInput.tsx   # URL input form
│   └── style.css          # Custom styles
└── shared/
    ├── types.ts           # Shared TypeScript types
    └── utils.ts           # Shared utility functions

• POST /api/videos/generate - Generate video from URL
• GET /api/videos - Get all generated videos
• GET /api/videos/:id - Get specific video
• DELETE /api/videos/:id - Delete video

• GEMINI_API_KEY - Google Gemini API key for summaries (required)
• VEO_API_KEY - Veo API key for video generation (required for production)

The application includes a comprehensive polling system to check the status of video generation:

• Automatically polls processing videos every 5 seconds
• Starts polling when videos are in "processing" state
• Stops polling when no videos are processing
• Updates video status in real-time

• Stores VEO operation IDs for tracking video generation
• GET /api/videos/:id - Automatically checks VEO status for processing videos
• POST /api/videos/poll - Bulk status check for all processing videos
• Updates database when videos complete or fail

Currently uses placeholder implementation. To integrate with real VEO API:

1. Replace the generateVideoWithVeo function with actual VEO API calls
2. Replace the checkVeoOperationStatus function with real VEO operation status checks
3. Use the pattern from your example:

// Poll the operation status until the video is ready.
while (!operation.done) {
    console.log("Waiting for video generation to complete...")
    await new Promise((resolve) => setTimeout(resolve, 10000));
    operation = await ai.operations.getVideosOperation({
        operation: operation,
    });
}

1. Enter URLs in the input form
2. Videos are generated automatically using:
   • Markdown content from the URL
   • Screenshot of the page
   • AI-generated summary
   • Custom video generation prompt
3. Scroll through the TikTok-style feed
4. Customize video prompts in the settings