Website for trick2g's youtube channel as well as channel.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Trick2g's entertainment center(twitch + youtube) V1.0


Version 1 Screenshot



Just to make everything works.Viewers can use this site to see trick's youtube playlist as well as stream.

Version 1.0

Follow tutorials and try to make the site work. (new version will be coming after I've made this one work)

User Stories

  1. User is able to view trick's live stream at, and use full screen mode on it, at the same time see twitch chat at the right hand side.
  2. User is able to see trick's latest youtube video on the bottom left hand side. At the bottom right, there will be a playlist that is included all the youtube vidoes on trick's youtube channel.



  • Navbar + footer
  • Add favicon to this site
  • Add loading image when site loads??
  • Youtube section : (
    • General UI
      • Still need to handle the 2 column design
    • Hook up the youtube API
    • Make the right site list a stand alone scrollable one
    • Remember to restrict the API call


  • Youtube playlist IP :

  • Playlist ID PLvYbWbiZnQ0cl_ZrEEtmwll3wBKkOeS-T

##Known Issue

  1. Footer cannot be displayed because youtube section was set to display:absolute workaround => disable footer
  2. Youtube Section cannot be displayed fully because of display:absolute workaround => used css grid instead