Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/danfalcon225/full_stack_youtube_clone
Full Stack Youtube Clone
https://github.com/danfalcon225/full_stack_youtube_clone
api mui rapidapi react reactjs youtube-api-v3
Last synced: about 1 month ago
JSON representation
Full Stack Youtube Clone
- Host: GitHub
- URL: https://github.com/danfalcon225/full_stack_youtube_clone
- Owner: DanFalcon225
- Created: 2024-05-01T20:52:44.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-05-21T21:52:33.000Z (8 months ago)
- Last Synced: 2024-05-22T21:52:05.178Z (8 months ago)
- Topics: api, mui, rapidapi, react, reactjs, youtube-api-v3
- Language: JavaScript
- Homepage:
- Size: 203 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Full Stack Youtube Clone
The present project is primarily centered around demonstrating the fundamental capabilities of YouTube. It encompasses the following functionalities:
* Retrieving comprehensive data from the YouTube API through the RapidAPI service.
* Facilitating searches for relevant videos and providing auto-suggestions for similar content.
* Displaying channel pages with pertinent statistical elements, such as subscriber counts.
* Enabling playback of YouTube videos via a fully operational YouTube video player.
## Tech Stack
* React JS with [Material UI 5](https://mui.com/material-ui/getting-started/)
* **Tools**: [RapidAPI](https://rapidapi.com/hub)
## Deployment
To deploy this project run
1) Create account in [RapidAPI](https://rapidapi.com/hub) and navigate to [Youtube v3](https://rapidapi.com/ytdlfree/api/youtube-v31) API.
2) An environment file must be created to store the RapidAPI key as a global variable.
```bash
REACT_APP_RAPIT_API_KEY='your API key goes here'
```
3) Run following command to install relevant dependencies
```bash
npm i
```
4) Please use the following command to execute the application:
```bash
npm start
```
## Demo
## Authors
This application was constructed in accordance with a [@adrianhajdin](https://github.com/adrianhajdin) tutorial [video](https://www.youtube.com/watch?v=FHTbsZEJspU)