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

Last update: Jun 20, 2022

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_Ys-Kn04qpvt4I7On8M0wWQ

  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_r_2dOetJIxAHBlQnI4w6ng

  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_mAshKIxdl_-_7xP0gS4BrA

  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)

1_6duLaRXfiJKYljePdHOSEA

GitHub

https://github.com/harsh317/Youtube-CLone-ReactJs
You might also like...

React Tuby - A React video player library with YouTube-like UI

React Tuby - A React video player library with YouTube-like UI

React Tuby - A React video player library with YouTube-like UI

Jun 17, 2022

react.js powered YouTube player component

react-youtube Simple React component acting as a thin layer over the YouTube IFrame Player API Features url playback playback event bindings customiza

Jun 25, 2022

YouTube player component for React.

YouTube player component for React.

Jun 2, 2022

YouTube playback technology for Video.js

YouTube Playback Technology for Video.js Install You can use bower (bower install videojs-youtube), npm (npm install videojs-youtube) or the source an

Jun 16, 2022

Youtube video as background for HTML elements

youtube-bg-react Youtube video as background for HTML elements Install npm install --save youtube-bg-react Usage import React, { Component } from 'rea

May 7, 2022

SheetAble is an easy-to-use music sheet organizer for all the music enthusiasts out there.

SheetAble is an easy-to-use music sheet organizer for all the music enthusiasts out there.

SheetAble is an easy-to-use music sheet organizer for all the music enthusiasts out there. You can upload and organize your sheets for any kind of instrument you use! Create Accounts for your friends or family to invite them to your library to use it as well or potentially upload sheets themselves.

Jun 20, 2022

Music Player made using React.js and Spotify Api

Music Player made using React.js and Spotify Api

May 30, 2022

turtify is a spotify clone app that allows users listen to spotify songs. { React, Next.js, TailwindCSS }

turtify is a spotify clone app that allows users listen to spotify songs. { React, Next.js, TailwindCSS }

turtify LIVE DEMO First of all, if you want to review the project, you can contact me. Spotify has limitations. I need to let you with your e-mail. De

May 12, 2022

React Front End for Gallery API

Jarea Gallery Responsive gallery for viewing images and videos in a secure and simple manner. Images are resized for the screen size in question, and

Oct 13, 2021
A Simple YouTube CLone Using React,Redux,Firebas and YouTube API

YouTube Clone Using React-Redux and YouTube API This Project is a Simple YouTube CLone Using React,Redux,Firebas and YouTube API. Firebase Used For Lo

Apr 2, 2022
PetTube--Youtube-Clone - Full Stack YouTube Clone for uploading and viewing Pet Videos

YouTube Clone Building A Full Stack clone of the YouTube web for Pet Videos that

May 4, 2022
Download Instagram Reels and Post, Facebook Public Videos, YouTube Videos and YouTube to MP3 converter, SoundCloud MP3 and Dailymotion videos. Made from Node JS Express JS, React JS and Rapid API.
Download Instagram Reels and Post, Facebook Public Videos, YouTube Videos and YouTube to MP3 converter, SoundCloud MP3 and Dailymotion videos. Made from Node JS Express JS, React JS and Rapid API.

Media Downloader Download Videos, Reels, IGTV, Youtube Videos, Youtube to mp3, Soundcloud Song Downloader, Adult Site Media Downloader in different qu

Jun 11, 2022
Find & watch all React conference talks, built for all React developers!
Find & watch all React conference talks, built for all React developers!

ReactConf.TV is a place where passionate React developers are able to search & watch organized and up-to-date react conference videos

May 6, 2022
YouTube Clone SPA Built Using React And Redux
YouTube Clone SPA Built Using React And Redux

Informations On Progress... Frontend Developer Challenge: YouTube Clone SPA Working Prototype: https://youtube-clone-pi.vercel.app/ Cloning Features:

Dec 1, 2021
A package with Optimized and Supercharged React hook to play audio without any DOM element 💪🎧

react-awesome-audio Optimized and Supercharged React hook to play audio without any DOM element ?? ?? Find the npm package here Star the GitHub repo t

Jun 5, 2022
React project that demonstrates using a YouTube video as a background cover.
React project that demonstrates using a YouTube video as a background cover.

Video Background What is it? This is a sample project intended to demonstrate how to overlay a YouTube video as a background cover. Why build it? Want

May 29, 2022
A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion

ReactPlayer A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia, M

Jun 21, 2022
Simple youtube search with React and Babel support
Simple youtube search with React and Babel support

Youtube search with react Live Demo Desktop Mobile Getting Started Install dependencies with the following: > git clone https://github.com/jhonatantft

Jun 17, 2022
📺 A private by default, faster and cleaner YouTube embed component for React applications
📺 A private by default, faster and cleaner YouTube embed component for React applications

?? A private by default, faster and cleaner YouTube embed component for React applications

Jun 26, 2022