This project is a simple YouTube clone built using ReactJS and Tailwind CSS. It leverages the RapidAPI to fetch video data and display it in a familiar YouTube interface.
- YouTube API Integration: Utilizes the YouTube API from RapidAPI to fetch video data.
- Search Functionality: Users can search for videos using keywords. It displays a list of search results with video thumbnails, titles, and channel information.
- Video Player: Provides a youtube video player to watch the selected video.
- Responsive Design: The application is designed to work seamlessly on various devices.
- ReactJS
- Tailwind CSS
- RapidAPI (YouTube API)
Follow these steps to get the project up and running on your local machine:
- Clone the repository:
git clone https://github.com/PranabKumarSahoo/react-youtube-clone.git
- Navigate to the project directory:
cd react-youtube-clone
- Install dependencies:
npm install
- Set up RapidAPI Key:
- Obtain a YouTube RapidAPI key by signing up at RapidAPI website.
- Then create a file in the project root, called
.env
. - Set
REACT_APP_YOUTUBE_API_KEY
in that file with your actualRapidAPI key
.
- Run the application:
npm start
Open your browser and visit http://localhost:3000 to see the React YouTube Clone in action.
This project is licensed under the MIT License.