Skip to content

Latest commit

 

History

History
91 lines (60 loc) · 1.68 KB

README.md

File metadata and controls

91 lines (60 loc) · 1.68 KB

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.

YouTube Video Summarizer

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
  1. Install dependencies
npm install
  1. Start the development server
npm run dev
  1. 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.