YouTube Clone

Hi , I have tried to make the clone of YouTube using YouTube API, React Js, SCSS & Firebase etc.
Please, have a look once !

Screenshots

Here are some screenshots and GIFs.
You can see the lazy loading effect with blur transition.

You can get all the channels that you have SUBSCRIBED.

Below header, you can see some pre-defined categories.
You can scroll in y-axis and click on anyone of them to see videos related to that.

Run and see how it looks...

This project has been deployed on Firebase. I am using firebase for authentication.

It may ask you to accept for some permissions for first time. So, please allow that.

You can click on below link to run this.

Click Here to Run This Project

Tech Stack

Client: HTML, SCSS, React Js, JavaScript Server: Node Js & Firebase

Features

• Responsiveness with different devices.
• You can search with your query.
• You will get videos and channels in search results.
• You can click on the category name to get videos related to that category.
• You can click on the thumbnail to watch the video.

Lessons Learned

While building this project, I revised learning of these things.

• Use of API
• Firebase Authentication
• Lazy Loading (Image)
• Infinite Scroll
• State Management using Redux
• SCSS etc.

FAQ

If I do not login using Google, then will I be able to access this web app?

No. You will be asked to login using Google. After authentication only you can access the web app.

It is asking to provide some access. Is it safe to proceed ?

Yeah. It is safe.
Don't Worry.
You can trust me.

Is this web app responsive ?

Yes. It is.

Hi, I'm Gyanindra. 👋

🚀 About Me

I'm working as Analyst at HCL Technologies. I love to design Attractive and Responsive website using React Js, Next Js, Firebase, Framer Motion, SCSS and Tailwind CSS etc.

View LinkedIn Profile

Thanks !!!