Skip to content

hode2002/youtube-clone

Repository files navigation

Next.js Logo Nest.js Logo

typescript nextdotjs tailwindcss react-query nestjs jwt mongodb redis

🎬 YouTube Clone

A modern, full-featured video-sharing platform built with Next.js and Nest.js
View Demo Β»

πŸ“ Description

A full-featured YouTube clone application that allows users to upload, view, interact with, and manage video content with ease. Built with a modern tech stack featuring Next.js for the frontend and Nest.js for the backend, this application demonstrates best practices in full-stack development with TypeScript.

πŸŽ₯ Demo

Watch the video

πŸ‘† Click to watch the demo video

πŸ› οΈ Technology Stack

Frontend

  • Next.js - React framework for production
  • TypeScript - Static type checking
  • TailwindCSS - Utility-first CSS framework
  • ShadCN - Reusable component library
  • React Query - Data fetching library
  • Zustand - State management

Backend

  • Nest.js - Progressive Node.js framework
  • JWT - Token-based authentication
  • Passport - Authentication middleware
  • MongoDB - NoSQL database
  • Redis - In-memory data structure store

DevOps & Tools

  • Docker - Containerization
  • Cloudinary - Cloud-based media management
  • ESLint - Code linting
  • Prettier - Code formatting

✨ Key Features

πŸ” Authentication & Authorization

  • Secure JWT-based authentication system
  • Google OAuth2 integration for simplified login
  • Role-based access control for content management

πŸ“Ή Video Management

  • πŸ“€ Upload videos with processing and storage on Cloudinary
  • ✏️ Edit titles, descriptions, and categories
  • πŸ”’ Privacy controls (Public, Private, Unlisted)
  • πŸ—‘οΈ Delete or update videos with version history

▢️ Video Playback

  • 🎬 Fullscreen mode with advanced controls
  • ⏯️ Play/pause, seeking, volume and playback speed adjustment
  • πŸ“± Responsive video player optimized for all devices
  • πŸ”– Video timestamp sharing and bookmarking

πŸ’¬ User Interactions

  • πŸ‘ Like/dislike videos and comments
  • πŸ“ Comment system with nested replies
  • πŸ“Š Real-time view counts and engagement metrics
  • πŸ“Ί Subscribe/unsubscribe to channels with notifications

πŸ“‹ Content Organization

  • πŸ“ Create, edit, and manage playlists
  • βž• Add/remove videos from playlists
  • 🏷️ Tag-based categorization system
  • πŸ“‘ Watch history and recommendations

πŸ“± Responsive Design

  • πŸ’» Desktop-optimized experience
  • πŸ“± Mobile-friendly interface with touch gestures
  • πŸŒ“ Light/dark mode support

πŸ–ΌοΈ Images

πŸŽ₯ Homepage

Homepage

πŸ“Ί Watch Video

Watch Video Watch Video

⏱️ History

History

πŸ“‹ Playlists

Playlists

❀️ Liked Videos

Liked Videos

πŸ‘₯ Channel Subscription

Channel Subscription Detail Channel Subscription

🎬 Studio

Studio

About

A YouTube clone with video upload, playback, playlists, comments, likes, and subscriptions.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Contributors

Languages