https://github.com/shadowslayer03/react-yt-clone
A Youtube Clone made by using Youtube V2 RapidAPI extension
https://github.com/shadowslayer03/react-yt-clone
Last synced: 10 months ago
JSON representation
A Youtube Clone made by using Youtube V2 RapidAPI extension
- Host: GitHub
- URL: https://github.com/shadowslayer03/react-yt-clone
- Owner: ShadowSlayer03
- Created: 2024-04-21T20:30:46.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-21T21:00:55.000Z (about 2 years ago)
- Last Synced: 2025-03-14T18:33:16.587Z (over 1 year ago)
- Language: JavaScript
- Size: 178 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# YouTube Clone
This project is a YouTube clone built using React and utilizing the RapidAPI extension for fetching YouTube data. It aims to replicate the core functionalities of YouTube, allowing users to search for videos, watch them, and interact with the UI in a familiar manner.
## Features 🔥
- **Search Videos**: Users can search for videos using keywords or phrases.
- **Watch Videos**: Users can watch videos directly within the application.
- **Visit Channel**: Users can visit any YT channel and see their videos.
- **Responsive Design**: The UI is designed to be responsive, ensuring a consistent experience across devices.
## Live Preview
A live preview of the website is hosted at [https://youtube-react-arj.netlify.app/](https://youtube-react-arj.netlify.app/)
## Installation 🚀
1. Clone the repository:
```
git clone https://github.com/ShadowSlayer03/React-YT-Clone.git
```
2. Navigate into the project directory:
```
cd React-YT-Clone
```
3. Install dependencies:
```
npm install
```
## Usage 🌟
1. Obtain RapidAPI credentials by signing up on the RapidAPI website and subscribing to the YouTube API.
2. Add your RapidAPI HOST,KEY and BASE URL to the appropriate environment(.env)configuration.
3. Start the development server:
```
npm run dev
```
4. Open your browser and navigate to `http://localhost:5173` to view the application.
## Configuration ⚙️
You'll need to configure your RapidAPI key in the application to fetch data from the YouTube API. The key can be added in the `.env` file or directly in the codebase where API requests are made. A sample .env file is provided for reference.
## Acknowledgements 🤝
- This project utilizes the RapidAPI extension for fetching YouTube data.
Check out the API here: [https://rapidapi.com/omarmhaimdat/api/youtube-v2](https://rapidapi.com/omarmhaimdat/api/youtube-v2)
- Built with 🩷 in React.