Skip to content

Ushnika09/Youtube-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

55 Commits
 
 
 
 
 
 

Repository files navigation

🎬 YouTube Clone - MERN Video Streaming Platform

📋 Overview

This project is a full-stack YouTube Clone built with the MERN stack.
It lets users explore and watch videos without login, while authenticated users can create channels, upload videos, edit or delete them, and play videos in a modern, responsive UI.

The backend integrates with RapidAPI to fetch and seed trending videos into the database, so the homepage always stays fresh with discoverable content.

🎥 Demo Video: Watch here


Features

  • Guest Access

    • Browse & search videos freely
    • Play videos directly from homepage
  • Authentication (JWT-based)

    • Secure login & signup
    • Protected routes for managing videos and channels
  • Channel Management

    • Create & customize channel (banner, avatar, description)
    • Dashboard view of all your uploaded videos
  • Video Management

    • Upload videos with title, description, thumbnail
    • Edit video details anytime
    • Delete videos from your channel
    • Playback with views, timestamps, and metadata
  • RapidAPI Integration

    • Fetch trending videos
    • Seed into database for homepage discovery
    • Comments Handling
      • If RapidAPI quota/limit expires 🚫, external comments will not be fetched
      • Users will still see only registered users’ comments stored in our database
  • Responsive Design

    • Mobile-first design
    • Optimized layouts for desktop, tablet, and mobile

🛠️ Tech Stack

  • Frontend: React.js, Tailwind CSS, React Router, Context API
  • Backend: Node.js, Express.js
  • Database: MongoDB Atlas
  • Authentication: JWT (JSON Web Token)
  • API Integration: RapidAPI
  • Deployment: Netlify (Frontend), Render (Backend)

🚀 Live Demo


🚀 Installation & Setup (Windows)

Prerequisites


1. Clone the Repository

git clone https://github.com/Ushnika09/YouTube-Clone.git
cd YouTube-Clone

2. Backend Setup

cd backend
npm install

Start Backend Server

npm start

3. Frontend Setup

cd ../frontend
npm install

Start Development Server

npm run dev

📁 Project Structure

YouTube-Clone/
├── backend/        # Express.js + MongoDB + JWT + RapidAPI
├── frontend/       # React.js + Tailwind + Context API
└── README.md

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages