Youtube Clone Using React

• Developed a YouTube clone with React, Tailwind CSS and Redux Store.
• Used Youtube's Data API to fetch videos and their data.
• Replicated complex features like multi-level comments and YouTube's live chat for interactive user engagement.
• Optimized the search bar with debouncing and caching for search suggestions.
• Demonstrated proficiency in front-end development and API integration with React.

Project Demo Link: https://youtube-dhruvbhatia.vercel.app/

Table of Contents

• Prerequisites
• Installation
• Configuration
• Running the Application

Prerequisites

Before you begin, ensure you have the following installed on your machine:

• Node.js (at least version 14)
• npm (Node Package Manager)
• Git

Installation

1. Clone the Repository:

   Open your terminal and run the following command to clone the repository to your local machine:

   git clone https://github.com/dhruvbhatia1/youtube-clone-react.git

2. Install the Dependencies:

   Navigate to the project directory on your terminal and run the following command to install all the required dependencies:

   cd youtube-clone-react
   
   npm install

Configuration

Create a .env file in the root directory of the project. Add the following line to the .env file and replace YOUR_API_KEY with your own API key.

REACT_APP_GOOGLE_API_KEY=YOUR_API_KEY

Running the Application

Run the following command to start the application in development mode:

npm start

Open http://localhost:3000 to view it in the browser.