https://github.com/vikas350/youtube-clone

I have Created a YouTube clone using React JS concepts such as States, Effects, Components, Context api, Props, functional Structutre etc using JSX, and for designing we have used Tailwind CSS framework and we fetch youtube data from the YouTube rapid api. below is the website link.
https://github.com/vikas350/youtube-clone

context-api props-and-state-components rapidapi-youtube react reactjs reactjs-components tailwindcss

Last synced: about 6 hours ago
JSON representation

I have Created a YouTube clone using React JS concepts such as States, Effects, Components, Context api, Props, functional Structutre etc using JSX, and for designing we have used Tailwind CSS framework and we fetch youtube data from the YouTube rapid api. below is the website link.

• Host: GitHub
• URL: https://github.com/vikas350/youtube-clone
• Owner: Vikas350
• Created: 2023-03-12T08:11:05.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-08-13T20:02:18.000Z (3 months ago)
• Last Synced: 2024-08-13T23:00:27.182Z (3 months ago)
• Topics: context-api, props-and-state-components, rapidapi-youtube, react, reactjs, reactjs-components, tailwindcss
• Language: JavaScript
• Homepage:
• Size: 5.37 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React JS - YouTube Clone 

## Tech Stack Used

- React JS (JSX, Components, Props, State, list, Context Api etc...)

- Tailwind CSS - [Link](https://tailwindcss.com/)

- Rapid API - [YouTube](https://rapidapi.com/Glavier/api/youtube138/)

## Features

- Naviagte to different categories from Menu

- Search whatever you want from search Pnel

- Play any video and get suggestion for more similar videos

- Can see the Views and Likes of any video  

- Fully responsive for all Devices

## Links

### - [Source Code](https://github.com/Vikas350/YouTube-Clone)

### - Live Link (remove due to high api calls)

## Highlights

### Desktop homepage

![a](./pics/pc_home.png)

### Navigate through Menu

![b](./pics/pc_home2.png)

### Search Results

![c](./pics/pc_home3.png)

### Play Video

- Show Details and Suggested similar Videos

![d](./pics/pc_play.png)

### Fully Responsive

![e](./pics/ph_home.png)  _____  ![f](./pics/ph_home2.png)

----------------------------------------------------------

![g](./pics/ph_home3.png)  _____  ![h](./pics/ph_play.png)

## Credits

### Created By - Vikas Kushwaha

- Connect with me - [Linkedin](https://linkedin.com/in/vikas-kushwaha-165b95204)