https://github.com/ctechhindi/youtube-comment-picker

Use it to choose from giveaway winner YouTube video comments.
https://github.com/ctechhindi/youtube-comment-picker

site vue-cli-4 vuejs youtube youtube-comments

Last synced: 3 months ago
JSON representation

Use it to choose from giveaway winner YouTube video comments.

• Host: GitHub
• URL: https://github.com/ctechhindi/youtube-comment-picker
• Owner: ctechhindi
• Created: 2020-04-19T08:48:36.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2020-08-01T21:46:46.000Z (almost 5 years ago)
• Last Synced: 2025-01-07T06:37:53.884Z (5 months ago)
• Topics: site, vue-cli-4, vuejs, youtube, youtube-comments
• Language: Vue
• Homepage: https://yt.ctechhindi.in/
• Size: 4.55 MB
• Stars: 2
• Watchers: 1
• Forks: 2
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# YouTube Comment Picker V3.0.0

Use it to choose from giveaway winner YouTube video comments.

[![GitHub stars](https://img.shields.io/github/stars/ctechhindi/YouTube-Comment-Picker)](https://github.com/ctechhindi/YouTube-Comment-Picker/stargazers)

[![GitHub forks](https://img.shields.io/github/forks/ctechhindi/YouTube-Comment-Picker)](https://github.com/ctechhindi/YouTube-Comment-Picker/network)

[![GitHub issues](https://img.shields.io/github/issues/ctechhindi/YouTube-Comment-Picker)](https://github.com/ctechhindi/YouTube-Comment-Picker/issues)

[![HitCount](http://hits.dwyl.com/ctechhindi/YouTube-Comment-Picker.svg)](http://hits.dwyl.com/ctechhindi/YouTube-Comment-Picker)

[![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/ctechhindi/YouTube-Comment-Picker/issues)

## 🌎 [Open Site](https://yt-rcp.netlify.app)

## Features

- Selecting a random comment from one of the YouTube video comments.

- Picking random winner from video comments.

- Generating SVG and QR codes to the winner's data.

- Sharing the winner's data on Social Media Account.

- Comment Picker you can `Play` and `Pause` according to your need.

- YouTube Video and winner's data are saved in the Browser Local Storage (IndexedDB).

- Our Project's `API` runs Multi Request at a time which gives us `Super Speed`.

## Screenshot

![Home Page](public/img/screenshot/screenshot-1.PNG)

![Load Video Comments](public/img/screenshot/screenshot-2.PNG)

![Choose Winner](public/img/screenshot/screenshot-3.PNG)

![Winner History](public/img/screenshot/screenshot-4.PNG)

## Using Libraries

| Library Name | Version | NPM |

| ------------ | ------- | --- |

| [Vue CLI](https://cli.vuejs.org/) | 4.3.1 | `npm install -g @vue/cli` |

| [Buefy](https://buefy.org/) | 0.8.15 | `npm install buefy` |

| [materialdesignicons](https://materialdesignicons.com) | 5.1.45 | `Vender` |

| [vue-analytics](https://github.com/MatteoGabriele/vue-analytics) | 5.22.1 | `npm install vue-analytics` |

| [axios](https://github.com/axios/axios) | 0.19.2 | `npm install axios` |

| [Numeral-js](https://github.com/adamwdraper/Numeral-js) | 2.0.6 | `npm install numeral` |

| [download-js](https://github.com/rndme/download) | 1.4.7 | `npm install downloadjs` |

| [vue-qrcode](https://github.com/fengyuanchen/vue-qrcode) | 1.0.2 | `npm install @chenfengyuan/vue-qrcode vue` |

| [vue-social-sharing](https://github.com/nicolasbeauvais/vue-social-sharing) | 2.4.7 | `npm install --save vue-social-sharing` |

| [dexie](https://github.com/dfahlander/Dexie.js) | Required `2.0.1` | `npm install dexie` |

| [vue-clipboards](https://github.com/zhuowenli/vue-clipboards) | 1.3.0 | `npm install vue-clipboards` |

| [vue-progressbar](http://hilongjw.github.io/vue-progressbar/index.html) | 0.7.5 | `npm install vue-progressbar` |

| [random-js](https://github.com/ckknight/random-js) | 2.1.0 | `npm install random-js` |

| [lodash-js](https://www.npmjs.com/package/lodash) | 4.17.15 | `npm i --save lodash` |

| [vue-meta](https://github.com/nuxt/vue-meta) | 2.3.3 | `npm install vue-meta --save` |

| [animate.css](https://github.com/daneden/animate.css) | 3.7.2 | `CSS` |

## Browser Support 🏁

It's being tested on:

* ☑️ Chrome (Latest) 

* ☑️ Firefox (Latest)

* ☑️ Internet Explorer (Latest)

* ☑️ Internet Explorer 10

* ☑️ Safari (desktop and iOS)

Internet Explorer (10+) is only partially supported.

## Project setup

```

npm install

npm run serve

npm run build

```

## Changelog

### [3.0.0] - 2020-04-19

* New Design

* Upgrade Library

## Other Projects

* https://youtube-cm2.netlify.app/#/

* https://youtubeblade.netlify.app/#/

* https://speedtyping.in/

## Reporting Issues ☢️

If you have a problem with this plugin or found any bug, please open an issue on [GitHub](https://github.com/ctechhindi/School-Pi-Design-Own-Website/issues).

## Copyright and License ©️

Code copyright 2020 ctechhindi. Code released under the [MIT license](http://www.opensource.org/licenses/MIT)