https://github.com/knaveen1705/youtube_clone

A YouTube clone built with React.js, Tailwind CSS, and the YouTube V3 API via Rapid-API. It allows users to search, watch, and view video details in a YouTube-like interface.
https://github.com/knaveen1705/youtube_clone

api api-integration front-end rapid-api reactjs tailwind-css youtube-v3-api

Last synced: 1 day ago
JSON representation

A YouTube clone built with React.js, Tailwind CSS, and the YouTube V3 API via Rapid-API. It allows users to search, watch, and view video details in a YouTube-like interface.

• Host: GitHub
• URL: https://github.com/knaveen1705/youtube_clone
• Owner: KNAVEEN1705
• Created: 2024-07-09T03:48:09.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-12-27T05:52:55.000Z (13 days ago)
• Last Synced: 2024-12-27T06:25:39.852Z (13 days ago)
• Topics: api, api-integration, front-end, rapid-api, reactjs, tailwind-css, youtube-v3-api
• Language: JavaScript
• Homepage: https://youtubeclone1705.netlify.app/
• Size: 194 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# YouTube Clone

A YouTube clone built with **React.js**, **Tailwind CSS**, and powered by the **YouTube V3 API** using **RapidAPI**. This project replicates the core functionality of YouTube, such as searching for videos, watching videos, and displaying video details.

---

## Features

- **React.js** for building a dynamic, modern user interface.

- **Tailwind CSS** for utility-first styling and responsive design.

- **RapidAPI YouTube V3 API** integration to fetch video data and display it.

- Search functionality to find videos.

- Video player embedded to watch selected videos.

- Responsive layout that works on all devices (desktops, tablets, and mobiles).

---

## Prerequisites

Ensure you have the following installed on your system:

- [Node.js](https://nodejs.org/) (version 16 or above recommended)

- npm (comes with Node.js)

- An API key from **RapidAPI** for the YouTube V3 API.

---

## Installation

### 1. Clone the Repository

Clone the repository to your local machine:

`git clone https://github.com/KNAVEEN1705/youclone.git `

### 2. Navigate to the Project Directory

Change into the project directory:

`cd YouTube_clone`

### 3. Install Dependencies

Install the required dependencies using npm:

`npm install`

### 4. Set Up API Key

To fetch data from the YouTube API, you need to set up an API key from RapidAPI:

1. Visit the YouTube V3 API page on RapidAPI: YouTube V3 API.

2. Sign up or log in to your account on RapidAPI.

3. Subscribe to the YouTube V3 API and get your API key.

4. Create a .env file in the root directory of the project and add your API key: `REACT_APP_YOUTUBE_API_KEY=your_api_key_here`