Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jordanshatford/clip-queue
An enhanced clip viewing experience.
https://github.com/jordanshatford/clip-queue
clips kick kick-api twitch twitch-api typescript vue youtube youtube-api
Last synced: 2 months ago
JSON representation
An enhanced clip viewing experience.
- Host: GitHub
- URL: https://github.com/jordanshatford/clip-queue
- Owner: jordanshatford
- License: mit
- Created: 2021-11-30T20:59:09.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-09-16T12:09:25.000Z (3 months ago)
- Last Synced: 2024-09-16T13:56:24.003Z (3 months ago)
- Topics: clips, kick, kick-api, twitch, twitch-api, typescript, vue, youtube, youtube-api
- Language: JavaScript
- Homepage: https://clipqueue.vercel.app/
- Size: 4.71 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
Clip Queue
An enhanced clip viewing experience.
clipqueue.vercel.app »
Clip Queue integrates into a users [Twitch](https://www.twitch.tv/) chat and queues clips sent from their viewers. Clips can be easily viewed through the web interface.
# Features
- Automatically connect to users Twitch chat to detect clips submitted in chat
- Duplicate clip prevention
- Popular clips rise up in the queue
- Support for multiple clip providers (Twitch, Kick, YouTube)
- Chat commands for moderators
- Automatic moderation and clip removal
- Settings customization to personalize user experience
- Dark and light UI themes# Developer Guide
Please refer to the [contributing guide](CONTRIBUTING.md) for how to install the project for development purposes.
## Monorepo structure:
### Apps:
- `web`: A web application developed using [Vue.js](https://vuejs.org/).
### Packages
- `config`: Common configs shared between other apps and packages in the monorepo.
- `player`: A clip player used for displaying clips developed using [Video JS](https://videojs.com/) and [Vue.js](https://vuejs.org/).
- `providers`: Various clip providers used to get clips developed using [TypeScript](https://www.typescriptlang.org/).
- `services`: Various API clients used to interact with external services developed using [TypeScript](https://www.typescriptlang.org/).
- `ui`: A UI library developed using [Vue.js](https://vuejs.org/), [TailwindCSS](https://tailwindcss.com/), and [PrimeVue](https://primevue.org/).