A youtube clone with all functionalities Using Firebase, FFmpeg, And React

by React

Getting Started with Create React App

Tankster.3.1.1.1.mp4

An exact clone of youtube with all functionalities from View count to Subscribe to everything (Without Youtube Api) Using Firebase, FFmpeg, And React

As seen from the video, You Can probably tell that UI is not too bad too, In the project I tried to focus on every part (as it was my 1st coding project after a long time). I made the app fully responsive, Animations can be seen, And Here are the additional features I forgor to tell in the video:

Features

  1. Animation And Ui
  2. And Good Authentication System (Forgot password, Reset Password, Email Verification System) For eg You can pass a emailVerified property in your ProtectedRoute Component something like this on any page you want:

  1. View Count System Based On your Ip: Views are counted per 1 IP. So, that doesn’t result in an extra view when you refresh Your page. You can use any library/api to get Ip but I am using the following Api:

  1. Search Functionality (You can Search Videos on the header based on a video’s title (Not tags) )
  2. Get Related Videos Based On Tags(The Related Side videos on the watch screen and on the home screen are fetched based on the tags you upload when you upload a video…)
  3. Publicity Functionality (Make Your video Public or Private (You can edit it later too) )
  4. Subscribe Your Favorite Creator and Like/Dislike and Comment Functionality (quite self-explanatory bruh)
  5. An Video Owner Can edit his Video (Only a video owner can edit his video and change the visibility or other things of videos)
  6. Generate Thumbnails For Your video Using FFmpeg (After Uploading Video, The app automatically generated thumbnails for your video, and the thumbnails and videos are stored in your server like this: )

  1. Strong and some advanced Firebases Rules (I pretty much wasted a whole day on making good firebase rules but at last it was worthy)

GitHub

View Github