YouTube Clone React-Tailwind Application

This is a YouTube clone application built using React, React Router and Tailwind CSS. It allows users to search for videos, view related and suggested videos, explore playlists and channels, access video comments, and more. The application fetches video data from the https://youtube-v31.p.rapidapi.com API to provide an immersive user experience. Live Demo

Features

The YouTube clone React-Tailwind application offers the following functionalities:

1. Video Search: Users can search for videos using keywords or phrases. The application retrieves search results from the YouTube API and displays them in a visually appealing manner.

2. Related Videos: When viewing a video, users can access a list of related videos. This feature recommends similar content to enhance user engagement.

3. Suggested Videos: The application provides suggested videos based on the user's watch history and preferences. It recommends videos that align with the user's interests.

4. Playlist Videos: Users can explore playlists and access the videos within them. This feature allows users to easily navigate through curated content.

5. Channel Videos: Users can view videos uploaded by a specific channel. This feature enables users to discover and follow their favorite content creators.

6. Channel Info: Users can access information about a channel, such as its name, description, and subscriber count. This helps users learn more about the channels they're interested in.

7. Playlist Info: The application displays information about playlists, including the playlist title, description, and video count. Users can gain insights into the playlist content before exploring further.

8. Comments: Users can read the comments on videos..

Installation

To run the YouTube clone React-Tailwind application locally, follow these steps:

1. Clone the repository: git clone https://github.com/sediqzada94/youtube-clone.git
2. Navigate to the project directory: cd youtube-clone
3. Install the dependencies: npm install
4. Set up the YouTube API: Obtain an API key from the YouTube Data API and replace the YOUR_API_KEY placeholder in the code with your actual API key.
5. Start the development server: npm run dev
6. Open your web browser and visit http://localhost:5173 to access the application.

Technologies Used

The YouTube clone React-Tailwind application utilizes the following technologies:

• React: A JavaScript library for building user interfaces.
• Tailwind CSS: A highly customizable CSS framework for rapid UI development.
• YouTube API: Provides access to YouTube data, including videos, channels, playlists, and more.

Contributing

Contributions to the YouTube clone React-Tailwind application are welcome. If you find any bugs, have feature suggestions, or want to contribute code improvements, please open an issue or submit a pull request to the repository.

License

This project is licensed under the MIT License. Feel free to use, modify, and distribute the code as per the terms of the license.

Acknowledgments

• This application is inspired by the popular video-sharing platform, YouTube.
• The project utilizes the YouTube API to fetch video data. Special thanks to YouTube for providing the API.
• The React and Tailwind CSS communities for their extensive documentation and support.

Contact

For any further questions or inquiries, please contact:

• Samiullah Sediqzada
• Project Repository: https://github.com/sediqzada94/youtube-clone