The "Following" page is the most important part of Twitch, but it sucks.
- Following page updates itself, no need to refresh
- Following page shows streams from the Games you follow at a glance
- Zoom and pan the video. Great for small windows
- Responsive: chat automatically goes below video when appropriate to give it more space
Use it at twitch.mccxiv.me
The current version is no frills.
Zoom & Pan features only work in Chrome at the moment.
Maybe I'll make it prettier with animations and such, but I just wanted the functionality first.
- Clone Repo
- Run
npm install
- Copy the sample file in
src/config
, following the instructions within it - Try it with
npm start
, visit localhost:8080 - Build for production with
npm build
, dump the contents ofbuild
folder into your web server. - You'll want to set your server up to work with single page applications. This means serving
index.html
for all 404s. Here's a sample.htaccess
file to place next toindex.html
RewriteEngine On
# If an existing asset or directory is requested go to it as it is
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
RewriteRule ^ - [L]
# If the requested resource doesn't exist, use index.html
RewriteRule ^ /index.html
My first Webpack + React project so I'm hoping to learn from it 😄
** Edit: I have learned from it.*