/youtube-clone

Search videos just like youtube because its a clone.

Primary LanguageJavaScript

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

image

-Getting Channel & related videos

image

-getting subscribers

image

-playing the video using react player

image

- * Live Link * -

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