Genesis

Powerful boilerplate for building advanced web apps. Special thanks to Vincent Klaiber for the amazing artwork.

An example of the generated output can be viewed here.

Includes the following tools, tasks, and workflows:

• Full asset pipeline and static html compilation using Webpack module bundler.
• Compiling SASS using sass-loader. Additionaly it runs autoprefixer and CSSWring with postcss.
• Transipiling ES6 to ES5 using Babel.
• Testing with Karma with Mocha, Chai and Sinon.
• Development environment using webpack-dev-middleware and webpack-hot-middleware.
• Travis CI integration that runs karma tests and production build.

Also includes a foundation of frontend tools that consists of:

• React Javascript library for building user interfaces.
• react-router A complete routing library for React.
• Flux Application architecture for building user interfaces.
• sanitize.css Render elements consistently across browsers.

And last but not least I've added a sample todo application built with react.

Installation

If you've never used Node or npm before, you'll need to install Node. If you use homebrew, do:

brew install node

Otherwise, you can download and install from here.

Install dependencies

npm install

This downloads all dependencies listed in package.json.

Running build scripts

npm run dev

This will compile your assets and start a express server with webpack-dev-middleware and webpack-hot-middleware.

Preview production environment

npm run build
npm start

Testing with Karma

This repo includes a basic js testing setup with the following: Karma, Mocha, Chai, and Sinon.

To run the tests simply do:

npm test

Code style

This repo follows the standard javascript coding style guide. It also includes some default editor settings using editor config.

License

Genesis is licensed under The MIT License (MIT).