idflores / website-doobalooo

A website in ReactJS for https://twitch.tv/doobalooo

The Doobalooo Website

A website for twitch.tv/doobalooo

This readme serves to provide reference to the tools used for this project.

Tools

Frameworks

• React.JS : Frond-End Javascript library
• Node.JS : Back-End Javascript library

Development Tools

• Babel
  • babel-core
  • babel-loader
  • babel-preset-env
  • babel-preset-react
• Sass
  • node-sass
• Webpack
  • style-loader
  • css-loader
• Webpack Dev Server

Webpack Loaders

• babel-loader : loads Babel compiler
• class-to-classname : converts the JSX tag "className" to "class"
• style-loader : loads CSS code into React as a final HTML <style> tag
• css-loader : loads CSS @import and url() statements; used together with style-loader
• sass-loader loads the SASS compiler and supports SCSS files
  • node-sass : peer-dependency of sass-loader

Development Environment

• MacOS Sierra 10.12.4
• Atom.io Editor
• Chrome Browser & Safari
• Private BitBucket Repository