ahmadiqbalbhatti / ReactYouTubeLiteCloneApp

It is a simple React JS App which is using Youtube API to load YouTube and Search from the app. It is build for practice.

Home Page:https://aib-youtube-lite-clone.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

YouTube (Lite) Clone App

Build using React and Rapid API

I have build this app for Learning purpose. Now I'm able to study through my own YouTube video player website. I give me motivation for doing more like that. Here are some of Vistuals of My YouTube Clone website

Home Page

The HOME page have Header section which allows user to search some thing. And there are two section in the Main Body of the web page.

  • Sidebar (Which Contains some quick links to search.)
  • Videos Listing (Which Contains upto 50 videos of the Related Query.)

ReactYouTubeLiteCloneApp

Channel Page

The CHANNEL page have Header section which allows user to search some thing. And there are two section in the Main Body of the web page.

  • Channel Identity (Which Contains Logo of the Channel, Channel Name, and Count of Subscribers.)
  • Videos Listing (Which Contains upto 50 videos of the Related Channel.)

ReactYouTubeLiteCloneAppChannel Page

Video Player Page

The VIDEO PLAYER page have Header section which allows user to search some thing. And there are two section in the Main Body of the web page.

  • Video Player (Which allows to watch and control video like paly, pause, forward, and so on.)
  • Videos Listing (Which Contains upto 50 videos Related to the video playing at the time.)

ReactYouTubeLiteCloneAppVideoPlayerPage

About

It is a simple React JS App which is using Youtube API to load YouTube and Search from the app. It is build for practice.

https://aib-youtube-lite-clone.netlify.app/


Languages

Language:JavaScript 87.8%Language:CSS 8.1%Language:HTML 3.8%Language:Shell 0.3%