This webapp replicates several pages of the real youtube web application. The project uses google sign in, which you can read more about Authenticate Using Google. As such you will need to have a google account for that. In case you feel no need to follow through that route, down below, are images of the application. Also, it was built a while back, before shorts.
On opening the link, the following page shows up, prompting you to sign in with your google account.
The following image shows the site after a successful login. The google account profile picture is deplayed on the top right corner. Popular videos on youtube are displayed, using the react infinite-scroll component, and real youtube videos are successfully fetched from the YoutubeAPI. At the time of building the app, the API did not provide an endpoint for the verified badge, hence its absence.
The tags on the home page filter videos according topics related to selected tags. As shown below for example, the user selected django videos, and the home page gets populated with those, more of which are added to the page as they scroll down, thanks to the infinite-scroll.
The input section on the navbar allows for filtering videos as per the user's needs, but directs them to the search page. The search page too has infinite scroll. The image below shows the said search page.
The videos are played on the watch video page as shown below. Here, the IFrame player API is used to play vides. Again, real channel details, related-to videos on the side are fetched. The subscription status and functionality too. (Subscribing on a channel on this app sure subscribes you to the channel on the real app).
The comments are displayed as shown below. The commenting functionality has also been implemented, and as stated above, commenting on a video on this clone equates to doing so on the real app! The comments and related videos sections are also built with the react ifinite scroll, and could thus be fetched in as great numbers as the user's needs.
The site is also responsive, apart from maybe a few hitches on the mobile screens.
