https://github.com/supiyasingh/youtube_clone
Youtube-clone with google youtube api
https://github.com/supiyasingh/youtube_clone
google-youtube-api react-hooks react-router reactjs restful-api talwindcss
Last synced: 10 days ago
JSON representation
Youtube-clone with google youtube api
- Host: GitHub
- URL: https://github.com/supiyasingh/youtube_clone
- Owner: Supiyasingh
- Created: 2024-12-25T16:01:32.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-22T14:20:06.000Z (about 1 year ago)
- Last Synced: 2025-07-19T03:35:49.464Z (9 months ago)
- Topics: google-youtube-api, react-hooks, react-router, reactjs, restful-api, talwindcss
- Language: JavaScript
- Homepage: https://helpful-hamster-d9f110.netlify.app/
- Size: 194 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# YouTube Clone
## Overview
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.
## Features
- **Landing Page:** Displays popular videos and categories.
- **Search Functionality:** Users can search for videos using keywords.
- **Responsive Design:** Optimized for various screen sizes.
## Technologies Used
- React.js
- Google YouTube API
- Axios for API requests
- CSS / Tailwind CSS for styling
## Installation
1. Clone the repository:
```sh
git clone
2. Navigate to the project directory:
```sh
cd
3. Install dependencies:
```sh
npm install
4. Start the application:
```sh
npm start
## API Key
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.
5. Add the API key to your project in the .env file:
```env
REACT_APP_YOUTUBE_API_KEY=your_api_key_here
## Usage
1. Search for Videos: Use the search bar to find videos by keywords.
2. Explore Trending Videos: The landing page showcases trending videos.