CloneTube is a YouTube clone web app made with ReactJS, NodeJS, MySQL. It's use is merely educative and to show technical skills, each user is responsible for the use of this application.
Videos are blocked geologically depending of the location of the server.

Elements with a red text color are upcoming features

The app count with the next sections on it:

Home: This view shows the recommended videos of the Youtube home page.

Trending: The page of trending videos show the videos that are more popular at the moment.

Video: It plays the video in a Vanilla made Youtube Video Player Clone, and recommends a group of recommended videos, you also can like or dislike the video, create a playlist or/and add the video to a playlist (you can also do this with the related videos) or you can download the video in a series of formats.

Search: You can search a video in the youtube database, it only return 20 search results as it uses web scrapping (not Youtube API).

Playlist: You can manage your created playlists as well as your Favorites and Watch Later playlists.

History: All the activity you've done in the app, see when you watched videos, or what you searched, you can delete one term or one video, or you can delete it all.

Library: All your general data about your app activity, how many liked videos, subscriptions, and your more recent activity in your playlists, last watched videos, and videos on your playlists.

• Youtube Top Loading Bar
• Dark and Light Mode
• Search autocomplete The search bar sugggests you search terms as you type in the search form.
• Miniature Video Playing (navigate through the app while the video is playing in a miniature fixed player)
• Modals that position up or down from their parents element depending on the offset space below them.
• Formatting of numbers, i.e. current time of a video in seconds to a formatted mm:ss or hh:mm:ss depending of the duration of the video; number of suscribers or likes from 100234 to 100,200 suscribers and 100K respectively.
• Video Player made from scratch with JS and ReactJS with most of the Youtube Original Video Player.
• Google User Authentication implemented with Firebase and Google Sign In.
• Creation and management of Playlists, CRUD operations to control your playlists, managed by a MySQL database.
• Comments and video descriptions: comments and video descripton section with CRUD operations as well as regex functions to identify timestamps and links.
• Video player settings modal

• Channel Page: a page to navigate through YouTube channels and see all their videos.
• Drag to reorder playlists
• Video queueing
• Options modal in search page