Conbiz - Consultancy & Business - Angular 11 Template
Conbiz - Consultancy & Business - Angular 11 Template
In order to kickstart the development of your web app with Conbiz - Consulting Agency, the very first thing is to setup an Angular development environment.
| Name | Description |
|---|---|
angular.json |
Used for configuration of project specific settings. You can add external styles and scripts, change the output folder, add assets, add environment files and more. |
e2e |
Will be used for end-to-end tests to ensure functionality for users before deploying. |
node_modules |
All external modules used are here. Do not mess with this folder, as it is auto-generated by using npm install. |
package.json |
Contains all dependencies used for production and development. |
src |
Contains all Angular Typescript code, assets and basically everything the end user will have access to. |
tslint.json |
Angular-CLI includes an automatic Typescript-Linter, which can be configured with this file. |
npm install -g @angular/cli. More details can be found here https://github.com/angular/angular-clinpm install from the root of your project to install all the necessary dependencies.ng serve for a dev server. Navigate to localhost:4200/. The app will autometically reload if you change any of the source files.ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.angular-cli use ng --help or go check out the Angular-CLI README.Here are the dependencies list which being used in the Conbiz - Consulting Agency Angular Template:
"dependencies": {
"@angular/animations": "~11.2.12",
"@angular/common": "~11.2.12",
"@angular/compiler": "~11.2.12",
"@angular/core": "~11.2.12",
"@angular/forms": "~11.2.12",
"@angular/platform-browser": "~11.2.12",
"@angular/platform-browser-dynamic": "~11.2.12",
"@angular/router": "~11.2.12",
"@ng-bootstrap/ng-bootstrap": "^9.1.2",
"angular-crumbs": "^3.0.1",
"bootstrap": "^5.0.1",
"imagesloaded": "^4.1.4",
"jquery": "^3.6.0",
"magnific-popup": "^1.1.0",
"masonry-layout": "^4.2.2",
"ng-circle-progress": "^1.6.0",
"ng-masonry-grid": "^1.3.0",
"ngx-countup": "^7.3.3",
"ngx-owl-carousel-o": "^6.0.0",
"ngx-pagination": "^5.1.1",
"ngx-useful-swiper": "^10.0.1",
"rxjs": "~6.6.0",
"swiper": "^6.7.0",
"tslib": "^2.0.0",
"zone.js": "~0.11.3"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.1102.11",
"@angular/cli": "~11.2.11",
"@angular/compiler-cli": "~11.2.12",
"@types/jasmine": "~3.6.0",
"@types/jquery": "^3.5.5",
"@types/node": "^12.11.1",
"codelyzer": "^6.0.0",
"jasmine-core": "~3.6.0",
"jasmine-spec-reporter": "~5.0.0",
"karma": "~6.1.0",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage": "~2.0.3",
"karma-jasmine": "~4.0.0",
"karma-jasmine-html-reporter": "^1.5.0",
"protractor": "~7.0.0",
"ts-node": "~8.3.0",
"tslint": "~6.1.0",
"typescript": "~4.1.5"
}
By default, the template loads Manrope & DM+Sans & Italianno font from Google Web Font Services, you can change the font with the one that suits you best.
Font code can be found in the "assets/css/conbiz.css" file:
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Italianno&display=swap");