This project is a frontend clone of Youtube. This project is made for the final submission of the OSC Project.
We have used React, Redux, and Firebase along with some SCSS for this entire YouTube-Clone project.
YouTube Data API was used for fetching the data from Youtube and also from the user accounts.
The YouTube-Clone app has a design similar to the YouTube website. The App has the following pages:
- Authentication Page: The user is authenticated using the YouTube Data API that authenticates google account
- Homepage: The Homepage has all the trending videos in the user's current location. The Homepage also has tags for user's most frequent searches. A search bar allows users to search for their favorite videos and channels.
- Channel Page: A YouTuber's channel page has all the YouTuber's videos listed allow with the Subscribe button.
- Watch Screen: The Watch Screen has the YouTube video the user wants to watch and the related videos listed on the right. The Video also has a related description, like-dislike count, and comments listed below the video.
- Subscribed Channel Page: A page showing all the channels a user has subscribed to.
To run this project on the local environment
Step 1- Clone the project
git clone https://github.com/sagarmude7/Youtube-CloneStep 2-Install the dependencies
npm installStep 3- Run-on local environment
npm startYou can view the complete website here Youtube-Clone if this not work checkout this Youtube-Clone