Sing App Angular v4.4.1

STRUCTURE

We use the component approach in Sing App. This is the new standard for developing Angular apps and a great way to ensure maintainable code by encapsulation of our behavior logic. A component is basically a self contained app usually in a single file or a folder with each concern as a file: style, template, specs, e2e, and component class. Here's how it looks:

• *root* - configuration files for tools;
• dist - built app, ready for production;
• src - the source code of the application;
• src/app/* - module or component folder, should contain *.module.ts file;
• src/scss - styles of the app;
• src/assets - static assets are served here;
• src/environments - environment variables;

There is nested routing in Sing App. app.routes.ts implements routing between independent pages like error or login page. Other routes are on the layout.routes.ts