https://github.com/soorajvp/playtube

A web app using the YouTube API where users can watch videos. Built with a responsive UI for a smooth video browsing experience.
https://github.com/soorajvp/playtube

api-integration react redux-toolkit responsive-website tailwindcss typescript

Last synced: about 1 month ago
JSON representation

A web app using the YouTube API where users can watch videos. Built with a responsive UI for a smooth video browsing experience.

• Host: GitHub
• URL: https://github.com/soorajvp/playtube
• Owner: SoorajVp
• Created: 2024-09-09T12:20:40.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-09-09T16:12:13.000Z (3 months ago)
• Last Synced: 2024-09-10T14:50:50.765Z (3 months ago)
• Topics: api-integration, react, redux-toolkit, responsive-website, tailwindcss, typescript
• Language: TypeScript
• Homepage:
• Size: 84 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# PlayTube Video Web Application

A web app using the YouTube API where users can watch videos. Built with a responsive UI for a smooth video browsing experience.

Utilized React + Typescript + TailwindCSS + redux-toolkit

## Get Started

### Clone the repository

`git clone https://github.com/SoorajVp/PlayTube.git` 

### Install the npm dependencies.

`cd PlayTube` 

`npm install`

### Configure the API Key for youtube-video api access. 

- Api doesn't allow unregistered callers (callers without established identity). 

- Please use API Key or other form of API consumer identity to call this API.

- Check the [youtube-videos-api](https://developers.google.com/youtube/v3/docs/videos) documentation for more information

```js

// src/constant.ts

const API_KEY: string = "" // Added you api key here

export const VIDEOLIST_API_URL: string = `https://youtube.googleapis.com/youtube/v3/videos?part=snippet%2CcontentDetails%2Cstatistics&chart=mostPopular&maxResults=50&regionCode=IN&key=${API_KEY}`;

export const VIDEO_WATCH_URL: string = "https://www.youtube.com/embed/"

```

### Run the project.

``npm run dev``