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.
- 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.
A live preview of the website is hosted at https://youtube-react-arj.netlify.app/
-
Clone the repository:
git clone https://github.com/ShadowSlayer03/React-YT-Clone.git -
Navigate into the project directory:
cd React-YT-Clone -
Install dependencies:
npm install
-
Obtain RapidAPI credentials by signing up on the RapidAPI website and subscribing to the YouTube API.
-
Add your RapidAPI HOST,KEY and BASE URL to the appropriate environment(.env)configuration.
-
Start the development server:
npm run dev -
Open your browser and navigate to
http://localhost:5173to view the application.
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.
- This project utilizes the RapidAPI extension for fetching YouTube data. Check out the API here: https://rapidapi.com/omarmhaimdat/api/youtube-v2
- Built with 🩷 in React.