Skip to content
Multiple Twitch stream viewer, made with Vue.
JavaScript Vue CSS HTML
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.
.storybook
readme-assets
src
.eslintrc.js
.gitignore
.travis.yml
README.md
babel.config.js
package-lock.json
package.json
postcss.config.js
setup-jest.js
webpack.config.babel.js

README.md

Streamist

Multiple Twitch stream viewer

Live at www.danielhearn.co.uk/streamist

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 access to regularly watched groups of channels

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

Example image of app

TODO

  • Mobile/ Tablet support
    • Compact nav bar
  • Stream management menu for mobile use
  • 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 test': Run tests
  • 'npm run deploy': Build and deploy dist to gh-pages branch

CI

https://travis-ci.org/DanielHearn/streamist

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.