Skip to content
Multiple Twitch stream viewer, made with Vue.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
designs
node_modules/@cesium133/forgjs
readme-assets
src
.eslintrc.js
.gitignore
.travis.yml
README.md
babel.config.js
jest.config.js
package-lock.json
package.json
postcss.config.js
setup-jest.js
webpack.config.babel.js

README.md

manytwitch

Multiple Twitch stream viewer

Live at www.danielhearn.co.uk/manytwitch

Built with VueJS, SCSS, webpack for workflow automation. Hosted on github pages.

Features

  • Watch multiple twitch streams and chats
  • Recent channel history
  • Favorite channels
  • Channel presets -> For quick acess to regularly watched sets of channels

To specify a channel within the url use 'manytwitch/?stream=channel1,channel2' creating a list of the channels seperated with commas.

Example image of app

TODO

  • Mobile/ Tablet support
    • Compact nav bar
  • Notifications - E.g. preset saved, stream add or deleted, history cleared
  • Improve chat selection => Allow for channels that are currently being watch, more compact / allow for more chat iframe

Dependencies

  • vue draggable to handle model updating on list reorder with drag and drop.
  • date fns for readable relative date for stream history.
  • webpack for bundling and building

Tasks

  • 'npm run watch': Watch with webpack dev server
  • 'npm run build': Build production files
  • 'npm run deploy': Build and deploy dist to gh-pages branch

Contributions

Contributions are welcome especially those which improve functionality and user experience. To contribute please fork and send a pull request, to request a feature or report bugs please open an issue.

You can’t perform that action at this time.