#🎥 VidsPlay ( YouTube Clone with Live Streaming & Real-time Features )

This project is a full-stack YouTube-inspired platform that supports watching video, real-time live streaming, and interactive user engagement. It is built with modern web technologies ( NestJs, React ) and focuses on scalability, performance, and real-time communication.

🌍 Live Demo

Deploy: https://vids-play.onrender.com

Video Demo: https://www.facebook.com/reel/1256487913346659

🧠 Challenges & What I Learned

• Implemented video upload pipeline using Multer + Cloudinary
• Built low-latency live streaming system using SFU (LiveKit)
• Integrated real-time notifications with Firebase Cloud Messaging
• Worked with WebSockets & Socket.IO for real-time features
• Designed a scalable backend architecture with NestJS

🚀 Features

• 🔐 JWT Authentication Register / Login system Secure API access
• 🎥 Video Management Upload videos to Cloudinary Watch videos with optimized delivery
• 🔴 Live Streaming Real-time streaming using LiveKit (SFU) Join / leave live rooms dynamically
• 💬 Real-time Interaction Live chat using Socket.IO Instant communication between users
• 🔔 Push Notifications Firebase Cloud Messaging (FCM) Notify users when: New live stream starts New interactions occur
• 👥 User Features: Subscribe to channels User profile system

🛠 Tech Stack

Frontend

• React
• Zustand
• Tailwind CSS
• Axios

Backend

• NestJs
• Socket.IO
• LiveKit (SFU for streaming)

Database:

• MongoDB

Other

• JWT (authentication)
• Socket.io ( Real-time )
• Cloundinary ( store video and images
• Firebase Cloud Messaging (FCM)
• WebSockets

Test

• Postman

🏗 Architecture

• NestJS Backend Modular architecture for scalability REST APIs + WebSocket Gateway
• Real-time System Socket.IO handles chat and live interactions Firebase handles push notifications
• Streaming System LiveKit (SFU) distributes media streams efficiently Low latency for live viewers
• Media Storage Cloudinary stores and delivers video content

📸 Screenshots

Authentication

Some basic page

History

Management

Subscription

View channel

Upload video

Live stream

👨‍💻 Author

NHBP GitHub: https://github.com/KalnaiWin