This document details the steps necessary to set up a development environment in order to modify Web Administration Dashboard.

Development tools

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

Npm

A package manager for javascript
Web site https://www.npmjs.com/package/npm

The web's scaffolding tool for modern web applications
Web site http://yeoman.io/

A platform built on Chrome's JavaScript runtime for building network applications
Web site https://nodejs.org/

A JavaScript task runner
Web site http://gruntjs.com/

A package manager for the web
Web site http://bower.io/

HTML, CSS, and JS framework for developing responsive, mobile first projects on the web
Web site http://getbootstrap.com/

HTML enhanced for web apps
Web site https://angularjs.org/

Find modules for AngularJS
Web site http://ngmodules.org/

Companion suite(s) to the AngularJS framework
Web site https://angular-ui.github.io/

A lightweight IDE for client-side development and server-side development with Node.js
Web site https://www.jetbrains.com/webstorm/

In order to setup a development environment follow the next steps:

Setup Edge Server Development Environment, as source code for web administration dashboard is located in folder Rifidi-SDK / RifidiHome / admin
Download an appropriate license of WebStorm, or use another JavaScript IDE
Open the project source code in IDE.
Enjoy coding!