YouTube Clone

This project is a YouTube clone built using React, TypeScript, and Tailwind CSS. It mimics the core functionality of YouTube, including video search, playback, and a responsive design. The project utilizes the YouTube Data API to fetch and display videos, providing a seamless and interactive user experience.

Features

• Home Page: Displays a list of videos fetched from the YouTube Data API.
• Search Functionality: Allows users to search for videos and view the results.
• Watch Page: Enables users to watch individual videos.
• Responsive Design: Ensures a great user experience on both desktop and mobile devices.
• Sidebar Navigation: Provides easy access to different sections of the app.

Technologies Used

• React: For building the user interface.
• TypeScript: For type safety and enhanced development experience.
• Tailwind CSS: For styling and responsive design.
• Axios: For making HTTP requests to the YouTube Data API.
• React Router: For routing and navigation within the app.

Installation

1. Clone the repository:

git clone https://github.com/your-username/youtube-clone.git
cd youtube-clone

2. Install dependencies:

npm install

3. Add your YouTube Data API key in the api.ts file:

const API_KEY = "YOUR_API_KEY_HERE";

4. Start the development server:

npm start

Usage

Navigate to the home page to view the list of videos. Use the search bar to find specific videos. Click on a video to watch it on the watch page.

Contributing

Contributions are welcome! Please fork the repository and submit a pull request for any enhancements or bug fixes.