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

https://github.com/vinitshahdeo/miniyoutube

A React App using YouTube API
https://github.com/vinitshahdeo/miniyoutube

reactjs youtube-api youtube-search-api

Last synced: 2 months ago
JSON representation

A React App using YouTube API

Awesome Lists containing this project

README

        

# Mini YouTube

[![MiniYouTube](https://img.shields.io/badge/Mini-YouTube-orange.svg?style=for-the-badge&logo=youtube)](https://github.com/vinitshahdeo/MiniYouTube/) [![MiniYouTube](https://img.shields.io/badge/React-App-teal.svg?style=for-the-badge&logo=react)](https://github.com/vinitshahdeo/MiniYouTube/) [![Youtube API](https://img.shields.io/badge/YouTube-API-critical.svg?style=for-the-badge&logo=youtube)](https://developers.google.com/youtube/v3/getting-started)

### A React App using YouTube API

![View Demo](https://github.com/vinitshahdeo/MiniYouTube/blob/master/miniyoutube-gif.gif?raw=true)

### How to run?

- Clone the repository : `git clone https://github.com/vinitshahdeo/MiniYouTube/`

- Run `npm install`

- Replace **`API_KEY=XXXXXXXXXX`** in `src/index.js` with your own YouTube API key.

```js

const API_KEY = 'XXXXXXXXXXXX'; // REPLACE IT WITH YOUR YOUTUBE API KEY

```

- Run `npm run start`

- Open browser and go to `http://localhost:8080/`

> #### Get your YouTube API key [here](https://developers.google.com/youtube/v3/getting-started)

### Thanks!

[![Vinit Shahdeo](https://img.shields.io/badge/[email protected]?colorA=grey&colorB=blue&logo=github)](https://github.com/vinitshahdeo/)