Skip to content

A personal learning dashboard to track your watch progress on YouTube videos and playlists. Turn any content into a structured course with this full-stack application built using Next.js, Tailwind CSS, and Supabase. With Many Updates Coming In.....

Notifications You must be signed in to change notification settings

NI3singh/YouTopia

Repository files navigation

Youtopia Logo

Your Personal YouTube Library with Progress Tracking
A sleek, modern web application for managing your YouTube videos with automatic progress tracking. Never lose your place in a video again!

Youtopia Preview
✨ Features
  • 📚 Personal Video Library - Add and organize YouTube videos
  • ⏱️ Progress Tracking - Automatically saves your watching position
  • 🔍 Smart Search - Find videos by title or channel
  • 📊 Multiple Sorting - Sort by date, title, channel, or progress
  • 🗑️ Easy Management - Remove videos with confirmation
  • 📱 Responsive Design - Works on all devices
  • 🌙 Modern UI - Beautiful dark theme with smooth animations

🚀 Quick Start

Prerequisites

  • Node.js 18+
  • npm or yarn

Installation

  1. Clone the repository

    git clone https://github.com/yourusername/youtopia.git
    cd youtopia
  2. Install dependencies

    npm install
  3. Set up environment variables

    cp .env.example .env.local
  4. Start the development server

    npm run dev
  5. Open your browser Navigate to http://localhost:3000

🎯 How to Use

  1. Add Videos: Paste any YouTube URL and click "Add Video"
  2. Watch: Click on video cards to start watching
  3. Resume: Your progress is automatically saved every 5 seconds
  4. Organize: Use search and sort to manage your library
  5. Remove: Click the trash icon to remove videos

🤖 Upcoming Features (AI-Powered)

  • 🎵 Smart Categorization - AI will automatically categorize videos by topic
  • 📝 Auto Summaries - Generate video summaries using AI
  • 🎯 Personalized Recommendations - AI-curated video suggestions based on your library
  • 🏷️ Edit Name - Edit Name of playlist as you like
  • 📊 Watch Analytics - AI-powered insights into your viewing patterns
  • 💬 Video Chat - Ask AI questions about video content
  • 🔍 Quick Quiz - Quick Quiz Generator for a video
  • 🎨 Downloadable Certificate - Downloadable Certificate after completing any playlist, with proper data.

🛠️ Tech Stack

  • Framework: Next.js 14, Python
  • Styling: Tailwind CSS
  • Components: React with Hooks
  • Video Player: YouTube Embed API

Built with ❤️ for better YouTube watching

⭐ Star this repo if you find it useful!

About

A personal learning dashboard to track your watch progress on YouTube videos and playlists. Turn any content into a structured course with this full-stack application built using Next.js, Tailwind CSS, and Supabase. With Many Updates Coming In.....

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published