Web App Seed

It is a basic folder scaffold for developing simple web-apps with use of: Grunt, CoffeeScript, Less, Bootstrap, Handlebars. It also provide localization capabilities with use of l20n

Requirements

• GIT
• Node.js (with NPM)
• LiveReload for Chrome here or for Firefox here

Instalation

$ cd path/where/you/want/web-app-seed/to/be/
$ git clone https://github.com/katalysteducation/web-app-seed.git
$ npm install

Development

You should edit only files under src directory. The default Grunt task will watch for changes in src directory, and compile it into dist directory, reflecting all changes in your browser with livereload functionality.

Livereload

To enable livereload in your browser:

1. Install extension for your borwser (links under requirements section)
2. Run your local webserver
3. Go to your web-app-seed location on your hard drive
4. Type in your terminal command: grunt
5. Open browser and navigate to url: http://localhost/url/to/web-app-seed/dist
6. Whenever you make changes in coffeescript or less files it will reload your browser and show you updated version.

Building

To get minified version type in your terminal the command: grunt build. This task will concatenate and minify all JS and CSS files. Also it will remove dependencies from your index.html file.