Le projet utilise une simple page qui s'occupe de charger les 3 iframes du Match, du Caster (ici Sardoche), et du chat Twitch.
L'app utilise les APIs de Youtube et Twitch pour contrôler les embeds vidéo.
Tout est en vanilla JS car pas besoin de sophistications sur ce projet. J'utilise les possibilités de ES6 afin de clarifier le code et isoler les concepts dans des classes, d'où le besoin de Webpack.
Quelques ressources pour mieux comprendre l'ES6
Pour initialiser le projet, il faut installer les dépendances NPM avec yarn ou npm.
Pour travailler sur le projet :
yarn webpack: compile le JS dansdist/bundle.jsyarn sass: compile le SCSS dansdist/app.css