Angular Admin Panel

The Application with the Good scalable architecture will take less time to develop further, even it might reduce your estimates. There are three main categories of architecture principles:-

• Project structure: how your project files are organized.
• Data flow: The way data flows through your application
• State management: how you maintained the state of the application.

Development server

Run Yarn or npm i Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

salient features

Full sample application built with Angular 9 that follows all steps of Angular Style Guide. Include:

• Lazy loading, AOT and IVY setup of all modules.
• Ngxs integration using store / effects / selectors.
• Use of Service Worker on production environment for HTTP caching.
• keeping track of ngFor using the trackBy property in all list.
• Api rest configurations by environment.
• Integrated with ngx-translate module.
• Bootstrap and Font-awsone integration including ngx-bootstrap library.
• Http interceptor system that dinamically add info into request header, check authentication before call and display/hide spinner before/after rest call.
• Configurable Login component implementing multiple authentication client like OAuth.
• Guards for check authentication and singleton module loading.
• Custom UI and Form validations with control messages.
• Customizable Logger systems and Error handlers.
• Definition of Cache services.
• Visualization of Modal dialog and Alerts through services.
• Search component provided using RxJs.
• i18 setup to use the language selector.
• OS Envierment Vriable for check envierment Vriable at prodution setup.
• Docker File setup for deployment of appliction for production. --cmd 'docker run --env API_URL="https://demo-api.myapp.com" my-container:latest'

Acknowledgments

• Design was inspired by pre existing projects of Colorlib and SB Admin.

screen-shots