mekams / youtube-clone

Search videos just like youtube because its a clone.

Introduction

• This is a youtube clone which fetch the data using rapid API and only has basic version so limited API calls only (500/day).
• It has been divided in to 4 components and their sub components.
• Props drilling has been done in this project but for better improvement we can use context API or redux if adding more child components in future.

I started from making the Navbar >SearchBar >SideBar >Feed > Videos > VideoCard >ChannelCard >ChannelDetail >VideoDetail >Loader

* -Functionalities added after making some components > retrieving again > adding funct.. > again retrieving

-Used:

• -routing-DOM *
• -RAPID API --- youtube v3 *
• -Material UI 5 -stack, box, spinner , icons, styles and font, sx props , layouts etc. *
• -.env *
• -Axios *
• -React Player *
• -Little Vanilla CSS *

-Demo

I think theory for demo not required because we all know youtube 😂 ---it's similar to that

-Main Page

-Getting Channel & related videos

-getting subscribers

-playing the video using react player

- * Live Link * -

** https://k-tube.netlify.app/ **