YOUTUBE CLONE :

Project Overview

Developed a highly optimized and scalable video streaming application, leveraging YouTube's Live API to deliver seamless live streaming experiences. The application focuses on enhancing user engagement through various optimization techniques and features.

Live Demo : https://my-youtube-ui.netlify.app/

Key Features

• Optimized Search (debouncing and caching techniques)
• Live Chat Simulation (using API polling)
• Lazy Loading
• Shimmer UI while loading
• Caching Search Suggestions
• Hover to Seek Videos
• Filter Videos by Tags
• Experience on search results and explore pages (e.g., Trending).

Technologies Used

• React JS
• Redux Toolkit
• Tailwind CSS
• Vite

Getting Started :

Follow these steps to set up and run the application locally:

Prerequisites :

• npm (Node Package Manager) installed.
• Vite should be installed.

Installation :

1. Clone the repository:

   git clone https://github.com/onkar895/YouTube-UI.git
   cd MyYouTube
   

LOCALHOST=1234

2. Install dependencies:

   cd MyYouTube
   npm install
   

3. Run the code

   npm run dev
   

Screenshots :