An open API service indexing awesome lists of open source software.

https://github.com/nishalnt/react-youtube

This project is a YouTube clone built using React, leveraging the power of Material-UI for styling and React Video Player for video playback. It utilizes the YouTube API to fetch and display video content.
https://github.com/nishalnt/react-youtube

material-ui react-media-player youtube-api-v3 youtube-clone-react

Last synced: 3 months ago
JSON representation

This project is a YouTube clone built using React, leveraging the power of Material-UI for styling and React Video Player for video playback. It utilizes the YouTube API to fetch and display video content.

Awesome Lists containing this project

README

        

# React YouTube Clone

![YtYoutubeGIF](https://github.com/NishalNT/React-YouTube/assets/109665992/74a9fd5a-fd9d-4ff6-b8c4-afb100204dc2)

This project is a YouTube clone built using React, leveraging the power of Material-UI for styling and React Video Player for video playback. It utilizes the YouTube API to fetch and display video content.

## Live Demo

Check out the live demo of the application: [React YouTube Clone](https://react-utube.vercel.app/)

## Features

- YouTube-like interface and user experience
- Video search functionality
- Video playback using React Video Player
- Responsive design with Material-UI components

## Technologies Used

- React
- Material-UI
- React Video Player
- YouTube API

## Installation

To run this project locally, follow these steps:

1. Clone the repository:
```bash
https://github.com/NishalNT/React-YouTube.git
```
2. Navigate to the project directory:
```bash
cd React-YouTube
```
3. Install dependencies:
```bash
npm install
```
4. Create a `.env` file in the root directory and add your YouTube API key:
```bash
REACT_APP_YOUTUBE_API_KEY=your_api_key_here
```
5. Start the development server:
```bash
npm start
```

6. Open your browser and visit `http://localhost:3000`

## Usage

- Use the search bar to find videos
- Click on a video thumbnail to play the video
- Enjoy a YouTube-like experience in a React environment

## License

This project is open source and available under the [MIT License](LICENSE).