check the app here ------ https://mellow-fairy-4fd0bd.netlify.app/

YouTube Video Summarizer

A modern web application that generates AI-powered summaries of YouTube videos. Built with React, TypeScript, and Tailwind CSS.

Features

• 🎥 YouTube URL parsing and validation
• 📝 AI-powered video summarization
• 🎨 Beautiful, responsive UI
• ⚡ Fast and lightweight
• 🔄 Real-time loading states
• ❌ Error handling

Tech Stack

• React 18
• TypeScript
• Tailwind CSS
• Vite
• Lucide Icons

Getting Started

Prerequisites

• Node.js 18 or higher
• npm or yarn

Installation

1. Clone the repository

git clone <repository-url>
cd youtube-summarizer

2. Install dependencies

npm install

3. Start the development server

npm run dev

4. Open your browser and visit http://localhost:5173

Building for Production

To create a production build:

npm run build

The build output will be in the dist directory.

Deployment

This application is ready to deploy on Netlify. You can deploy it in two ways:

1. Using the Netlify UI:

   • Create a new site from Git
   • Connect your repository
   • Build command: npm run build
   • Publish directory: dist

2. Using the Netlify CLI:

   • Install Netlify CLI: npm install -g netlify-cli
   • Run: netlify deploy

Usage

1. Enter a YouTube URL in the input field
2. Click the "Summarize" button
3. View the video information and AI-generated summary

License

MIT

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.