This project is a YouTube clone built with React.js, utilizing the Google YouTube API to fetch video data. The application features a landing page and a search functionality, allowing users to explore and find videos seamlessly.
- Landing Page: Displays popular videos and categories.
- Search Functionality: Users can search for videos using keywords.
- Responsive Design: Optimized for various screen sizes.
- React.js
- Google YouTube API
- Axios for API requests
- CSS / Tailwind CSS for styling
- Clone the repository:
git clone <repository-url>
- Navigate to the project directory:
cd <project-directory>
- Install dependencies:
npm install
- Start the application:
npm start
To use the Google YouTube API, you will need an API key. Follow these steps to obtain one:
1.Go to the Google Developer Console.
2.Create a new project.
3.Enable the YouTube Data API v3.
4.Generate an API key.
- Add the API key to your project in the .env file:
REACT_APP_YOUTUBE_API_KEY=your_api_key_here
- Search for Videos: Use the search bar to find videos by keywords.
- Explore Trending Videos: The landing page showcases trending videos.