Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/iahmadiqbalbhatti/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.
https://github.com/iahmadiqbalbhatti/reactyoutubelitecloneapp
javascript material-ui react reactjs rest-api restful-api
Last synced: 5 days ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/iahmadiqbalbhatti/reactyoutubelitecloneapp
- Owner: iahmadiqbalbhatti
- Created: 2022-12-05T05:28:13.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2022-12-07T18:11:04.000Z (about 2 years ago)
- Last Synced: 2025-01-04T17:34:37.114Z (11 days ago)
- Topics: javascript, material-ui, react, reactjs, rest-api, restful-api
- Language: JavaScript
- Homepage: https://aib-youtube-lite-clone.netlify.app/
- Size: 318 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://user-images.githubusercontent.com/52331296/206261485-33616e0f-f4f1-4d8d-9774-e0b7aa36366a.png)
## 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](https://user-images.githubusercontent.com/52331296/206261321-0e608f59-cbaf-4ba6-b907-33cadc242483.png)
## 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](https://user-images.githubusercontent.com/52331296/206262137-f83cf118-5fce-4c05-93de-9e2f31c80a28.png)