A re-creation of Twitch.tv’s official interface to show the current status of various streamers on this service
This was build to complete a FreeCodeCamp challenge. You can use the code as you see fit, just don't use my personal name (scrub it out). See license.
-
Twitch-like interface
-
Responsive
This project uses gulp as it's task runner hence it needs node.js to run.
For the rest of the npm packages that it depends on, see package.json.
To install node on your system, run the following commands: (use setup_4.x for version 4.x.x of node or setup_5.x for version 5.x.x)
curl -sL https://deb.nodesource.com/setup_4.x | sudo -E bash -
sudo apt-get install -y nodejs
Install the build tools (you may already have them):
sudo apt-get install -y build-essential
Link the nodejs binary to the node or else you will run into problems along the way (because there is another node package - Amateur Packet Radio "Node" Program - that is going to screw with your setup):
sudo ln -s /usr/bin/nodejs /usr/bin/node
See the official node install guide.
Install the dev dependency packages:
npm install -d
To start working in dev mode, just run:
npm run dev
NOTE: This mode includes a built in webserver (gulp-connect), along with livereload (inserted automagically into your file), and file watchers.
Just run it and start building away.
The production build minifies files, end sends NODE_ENV=prod to libraries that might care. (at the moment of writing this, none did).
This is a one time build (unlike the dev build), and will exit once it's done with the Production build completed successfully message.
Do NOT store files in ./scripts, ./media, ./styles as these will be deleted / recreated when running any build (dev or prod), all files must go in the subfolders of ./sources.
This project is licensed under the Mozilla Public License Version 2.0. You can read it here or learn more about it here.
This project uses additional libraries, each with it's own license:
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent