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

A WatchScape - constructed using React, Redux, Tailwind, and open-source YouTube APIs.
https://github.com/gauravooo2/youtube-clone

javascript react redux tailwindcss web-api youtube-api youtube-clone-app

Last synced: about 2 months ago
JSON representation

A WatchScape - constructed using React, Redux, Tailwind, and open-source YouTube APIs.

Host: GitHub
URL: https://github.com/gauravooo2/youtube-clone
Owner: GauravOOO2
Created: 2024-03-06T07:04:50.000Z (about 2 years ago)
Default Branch: main
Last Pushed: 2024-04-18T12:46:46.000Z (about 2 years ago)
Last Synced: 2025-11-18T21:19:49.053Z (6 months ago)
Topics: javascript, react, redux, tailwindcss, web-api, youtube-api, youtube-clone-app
Language: JavaScript
Homepage: https://you-tube-clone-lovat-rho.vercel.app/
Size: 494 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

README

# Project Title

Developing a user-friendly video streaming platform with advanced search functionality. I autonomously engineered the entire website

## Features

- Google's Open-Source API
- Conditional Rendering
- Single Responsibility Principle
- Custom Hooks
- Debouncing

## Tech Stacks used

- React
- Redux
- Tailwind
- material-ui

## 🔗API Links
[YouTube API](https://developers.google.com/youtube/v3/getting-started)

[Youtube's Search fetch API](https://developers.google.com/youtube/v3/docs/search/list)

## Run Locally

Clone the project in your machine

```bash
git clone https://github.com/GauravOOO2/YouTube-Clone.git
```

Go to the project directory

```bash
cd YouTube-Clone
```

Install dependencies

```bash
npm install
```

Start the server

```bash
npm start
```

## Screenshots

Home Page

![App Screenshot](https://gauravooo2.github.io/Gaurav_portfolio/Project_images/YouTubeHome.png)

YouTube's Side Togle Off

![App Screenshot](https://gauravooo2.github.io/Gaurav_portfolio/Project_images/YouTubeHomeNoToggle.png)

Watch Page

![App Screenshot](https://gauravooo2.github.io/Gaurav_portfolio/Project_images/YoutubeWatchPage.png)

Watch Page Videos

![App Screenshot](https://gauravooo2.github.io/Gaurav_portfolio/Project_images/YoutubeWatchPageVideoPlaying.png)

Debouncing Concept in Search Bar

![App Screenshot](https://gauravooo2.github.io/Gaurav_portfolio/Project_images/Debouncing.png)