Make sure you have Nodejs
, NPM
and @angular/cli
installed on your computer.
Download node https://nodejs.org/en/download
Open terminal and run npm install -g @angular/cli
Angular CLI Doc: https://cli.angular.io
Use terminal and navigate to project root.
Then run npm install
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.
Run ng generate component componentName
to generate a new component.
You can also use ng generate directive/pipe/service/class/module
.
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.
main.ts
(Location: src) is the entry file. And app.scss
(Location: "src/assets/styles/app.scss")
is the entry file for Styles which is included in angular.json
file.
There are two main router-outlet
s in Content-Layout.Component
and full-Layout.Component
(Location: src/app//layouts). Content-Layout.Component
renders sessions view
(Location: src/app/layouts) and full-Layout.Component
renders all views except sessions view.
Each directory in src/app/
is a module. And those modules are lazy loaded which is configured
in routes
(Location: src/app/shared). And also each modules has it's own routing file defines it's child routes.
Syndron
├── CHANGELOG.md
├── LICENSE.md
├── README.md
├── angular-cli.json
├── documentation
├── e2e
├── karma.conf.js
├── package.json
├── protractor.conf.js
├── src
│ ├── app
│ │ ├── app.component.scss
│ │ ├── app.component.html
│ │ ├── app.component.ts
│ │ ├── app.module.ts
│ │ ├── app.routing.ts
│ │ ├── components
│ │ │ ├── .....
│ │ ├── shared
│ │ │ ├── sidebar
│ │ │ ├── ......
│ │ ├── dashboard
│ │ │ ├── .....
│ │ ├── icons
│ │ │ ├── .....
│ │ ├── .....
│ ├── assets
└── .....
│ ├── environments
│ ├── favicon.ico
│ ├── index.html
│ ├── main.ts
│ ├── polyfills.ts
│ ├── styles.scss
│ ├── test.ts
│ ├── tsconfig.app.json
│ ├── tsconfig.spec.json
│ └── typings.d.ts
├── tsconfig.json
├── tslint.json
└── typings
appify is packed with building blocks. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue.
"dependencies": {
"@agm/core": "^1.1.0",
"@angular/animations": "~11.2.5",
"@angular/common": "~11.2.5",
"@angular/compiler": "~11.2.5",
"@angular/core": "~11.2.5",
"@angular/forms": "~11.2.5",
"@angular/platform-browser": "~11.2.5",
"@angular/platform-browser-dynamic": "~11.2.5",
"@angular/router": "~11.2.5",
"@ng-bootstrap/ng-bootstrap": "^11.0.0-beta.1",
"@popperjs/core": "^2.9.2",
"@tinymce/tinymce-angular": "^4.2.3",
"angular-calendar": "^0.28.24",
"angular2-text-mask": "^9.0.0",
"angularx-flatpickr": "^6.2.0",
"apexcharts": "^3.26.3",
"bootstrap": "^5.0.1",
"chart.js": "^2.9.4",
"date-fns": "2.16.1",
"flatpickr": "^4.6.6",
"highcharts": "^9.1.0",
"highcharts-angular": "^2.10.0",
"jquery": "^3.6.0",
"ng2-charts": "^2.4.2",
"ngx-perfect-scrollbar": "^10.1.1",
"smartwizard": "^5.1.1",
"text-mask-addons": "^3.8.0",
"rxjs": "~6.6.0",
"tslib": "^2.0.0",
"zone.js": "~0.11.3"
}
appify is packed with building blocks. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue.
The following is a list of resources, plugins and other assets used in creating this template. Follow the links for more information on how you can use them.