https://github.com/vinitshahdeo/mini-youtube
A web app where one can search YouTube videos and sort the videos according to number of likes, comments, views, name and date.
https://github.com/vinitshahdeo/mini-youtube
webapp youtube-api youtube-search-api
Last synced: 3 months ago
JSON representation
A web app where one can search YouTube videos and sort the videos according to number of likes, comments, views, name and date.
- Host: GitHub
- URL: https://github.com/vinitshahdeo/mini-youtube
- Owner: vinitshahdeo
- License: mit
- Created: 2019-12-11T17:32:06.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2022-11-10T10:30:00.000Z (almost 3 years ago)
- Last Synced: 2025-03-24T05:44:06.270Z (7 months ago)
- Topics: webapp, youtube-api, youtube-search-api
- Language: JavaScript
- Homepage: https://vinitshahdeo.github.io/Mini-YouTube/
- Size: 4.3 MB
- Stars: 11
- Watchers: 2
- Forks: 1
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Mini YouTube
[](https://github.com/vinitshahdeo/Mini-YouTube/blob/master/LICENSE) [](https://github.com/vinitshahdeo/Mini-YouTube/) [](https://github.com/vinitshahdeo/Mini-YouTube/) [](https://developers.google.com/youtube/v3/getting-started)
### A web app where one can search YouTube videos in sorted order according to number of likes, comments, views, name and date. It is made using [YouTube API v3](https://developers.google.com/youtube/v3/getting-started).
> ### Are you looking for a React App using YouTube API, please [check this](https://github.com/vinitshahdeo/MiniYouTube/)!
## Instruction
- Get your **YouTube API key [here](https://developers.google.com/youtube/v3/getting-started)**.
- Replace **`API_KEY = XXXXXXXXXX`** in `js/youtube.js` with your own YouTube API key.
```js
const API_KEY = 'XXXXXXXXXXXX'; // REPLACE IT WITH YOUR YOUTUBE API KEY
```
- Open `index.html` with any browser(say chrome, mozilla etc.) Kindly assure the proper internet connectivity before you start browsing videos on **[Mini YouTube](https://github.com/vinitshahdeo/Mini-YouTube/)**.
- Enter your query(*e.g. 'Prank Videos', 'Shreya Ghosal', 'Girls like you' etc.*) to browse videos.
- **Click on `Search` icon.**
- Navigate through the dropdown menu to sort the results.
## Note
- By default, **5 results are returned by [YouTube API](https://developers.google.com/youtube/v3/getting-started)**.
- The retrieved `JSON` Object from YouTube API is displayed in Browser Console.
- The website is responsive. Kindly resize the browser window to see it.
## External Resources
- [Font Awesome](https://fontawesome.com/) - It is used for importing icons in the web app.
- [Google Fonts](https://fonts.google.com/) - `Oxygen` and `Acme` Google fonts are used.
- [JQuery](https://jquery.com/)
## Author
[](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/Mini-YouTube/links/0)[](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/Mini-YouTube/links/1)[](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/Mini-YouTube/links/2)[](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/Mini-YouTube/links/3)[](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/Mini-YouTube/links/4)[](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/Mini-YouTube/links/5)[](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/Mini-YouTube/links/6)[](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/Mini-YouTube/links/7)
**[Vinit Shahdeo](https://www.linkedin.com/in/vinitshahdeo/)**
[](https://twitter.com/Vinit_Shahdeo)