Note: Use Edge developer setup as a reference - http://wiki.rifidi.net/index.php?title=Edge_Server_Development_Environment

Development tools

In developing this responsive html5 web application, we leverage on these technologies:

Npm

A package manager for javascript
To install it, go to https://www.npmjs.com/package/npm

Yeoman

The web's scaffolding tool for modern web applications
To install it, go to http://yeoman.io/

Node JS

A platform built on Chrome's JavaScript runtime for building network applications
To install it, go to https://nodejs.org/

Grunt

A JavaScript task runner
To install it, go to http://gruntjs.com/

Bower

A package manager for the web

Enables or disables the menu auto refresh feature, so web app periodically synchronizes with server to reflect actual state of elements

1. Click on servers node and then go to properties editor area
   
2. Provide the values for attributes: Enable auto refresh and auto refresh delay.
   
3. Click on 'Save' button and confirm
   

Bootstrap

HTML, CSS, and JS framework for developing responsive, mobile first projects on the web

1. Right click on server node and then choose 'Save server config'
   
2. Confirm the save operation
   

Angular JS

HTML enhanced for web apps

1. Right click on "Servers" node and then choose 'Save all servers config'
   
2. Confirm the save operation
   

Angular Modules

Find modules for AngularJS

1. Right click on "Servers" node and then choose 'Save all servers config'
   
2. Confirm the save operation
   

Angular UI

Companion suite(s) to the AngularJS framework

1. Right click on "Servers" node and then choose 'Save all servers config'
   
2. Confirm the save operation
   

WebStorm

A lightweight IDE for client-side development and server-side development with Node.js

1. Right click on "Servers" node and then choose 'Save all servers config'
   
2. Confirm the save operation