Sing App AngularJS v4.4.0

STRUCTURE

Since 2.0.0 update Angular version has been heavily rewritten using latest industry best-practices of building and organizing Angular web applications. All of the application logic is separated into isolated modules, which allows to easily maintain and scale the application

Sing App Angular version goes with the following folders:

• *root* - mostly project meta- and configuration files like node and bower package definitions;
• gulp - gulp tasks for automation;
• src - (sources) main application folder. All of the application code is put in here;
• src/index.html - main angular layout file;
• src/app/index.js - main js file which simply loads application modules;
• src/app/index.scss - application styles;
• src/app/vendor.scss - 3rd party styles and overrides;
• src/app/modules - application modules. Every module usually consists of module-name.js file with module logic, module-name.module.js file with module dependencies/initialization and one or more module.html files for module templating. The structure is based on angular-dashboard-seed;
• src/app/theme - application styles (scs) divided into several parts.
• dist - build version of Sing Angular with minifiend html/css/js files. Ready for production;
• bower_components - various JS libraries used in Sing App. As of we are using Bower here it's strongly recommended to add/update/remove libraries only via Bower;
• node_modules - node packages used for project building and automation;
• views - angular js page views. Also contains app.html which is a main sub-layout for dashboard. Two pages login.html and error.html are displayed without sub-layout but directly in index.html;