angular8 material design ngrx addapptables components dashboard
Addapptables is an admin template developed using angular.
ng-addapptables is a free template for angular.
step 1 - Angular is the core of Addapptables.
step 2 - Angular Material is the primary UI library of Addapptables. It’s a set of Angular components, directives and services that implements Material Design Specifications and it’s in active development by Google.
step 3 - Angular Cli is a tool to initialize, develop, scaffold and maintain Angular applications
Open the terminal and navigate into your work folder, run the following command and wait for npm install to finish.
npm install
Run the project with angular cli with
ng serve
or type
npm start
or
npm run build-prod
ng build --prod
docker build --no-cache -t addapptable/ng-template .
and run docker container
docker run -it -p 80:80 --rm addapptable/ng-template
https://itnext.io/dockerizing-an-angular-app-with-karma-and-protractor-containers-3b4c53ea807f
and
https://mherman.org/blog/dockerizing-an-angular-app/
Addapptables has a fairly simple directory structure. All source code that you will need stays inside the /src folder. Once you build your app, a /dist folder will appear at the root which will contain the built app. You can simply upload the contents of it to your server to start running your app.
The source folder has the general Angular CLI project structure along with an additional folder called /@addapptable which contains the core elements of Addapptables.
.
├── admin # Pages and page layouts.
├── auth # Authorization pages.
├── localication # Source files (alternatively `lib` or `app`)
├── shared # Automated tests (alternatively `spec` or `tests`)
├── documentation
├── startup-template.zip # Contains skeleton template with authorization component and menu component
├── LICENSE
└── README.md
Addapptables uses ngx-translate module and supports multiple languages and translations.
Usage:
In order to use the translations, create your translation file within the module you want to use the translations.
For example, for the English translation, create assets/i18n/en.json file.
Addapptables has created several components for community use. You can see these components on the following links