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

YouTube Clone with a dynamic home page, an optimized search bar utilizing debouncing for efficient query handling, real-time live chat, interactive comments and a comprehensive watch page for an immersive video experience. (Please add cors extention in your browser for proper api access).
https://github.com/vivmost/youtube-clone

css html js react redux tailwind

Last synced: about 23 hours ago
JSON representation

YouTube Clone with a dynamic home page, an optimized search bar utilizing debouncing for efficient query handling, real-time live chat, interactive comments and a comprehensive watch page for an immersive video experience. (Please add cors extention in your browser for proper api access).

• Host: GitHub
• URL: https://github.com/vivmost/youtube-clone
• Owner: vivmost
• Created: 2024-06-10T19:18:00.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-08-10T08:41:58.000Z (5 months ago)
• Last Synced: 2024-08-10T09:43:27.830Z (5 months ago)
• Topics: css, html, js, react, redux, tailwind
• Language: JavaScript
• Homepage: https://viddtubee.netlify.app
• Size: 333 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# YouTube Clone

A frontend-only YouTube clone featuring a dynamic home page, an optimized search bar with debouncing, real-time live chat, interactive comments, and a comprehensive watch page for an immersive video experience. 

**Note:** Please install a CORS extension in your browser to ensure proper API access during development.

---

## 🛠 Features

- **Dynamic Home Page**: View trending videos and personalized recommendations.

- **Optimized Search Bar**: Efficiently handle search queries using debouncing.

- **Real-Time Live Chat**: Engage with viewers during live streams through live chat.

- **Interactive Comments**: Post, view, and interact with comments on videos.

- **Comprehensive Watch Page**: Watch videos with related content and detailed video information.

---

## 🚀 Getting Started

### Prerequisites

- Node.js and npm (Node Package Manager)

### Installation

1. **Clone the Repository**

   ```bash

   git clone https://github.com/vivmost/YouTube-Clone.git

   cd YouTube-Clone

   ```

2. **Install frontend dependencies:**

     ```bash

        cd ../client

        npm install

     ```

3. **Start the frontend development server:**

     ```bash

     cd ../client

     npm start

     ```