angular10-learning
A sample angular 10 project for learning new things
It contains the following things:
- Displays dashboard with 1. Dashboard 2. List of users
- Able to search a user by name
- Able to add, delete a user
- Able to show a notification message using message service (when we get any result, add, and delete etc)
- Able to see the user details
- Able to fetch the data from server (using angular-in-memory-web-api)
- Used services, routing, in-app navigation, in-memory database
Dependencies used:
- "@angular/animations": "~10.0.0",
- "@angular/common": "~10.0.0",
- "@angular/compiler": "~10.0.0",
- "@angular/core": "~10.0.0",
- "@angular/forms": "~10.0.0",
- "@angular/platform-browser": "~10.0.0",
- "@angular/platform-browser-dynamic": "~10.0.0",
- "@angular/router": "~10.0.0",
- "angular-in-memory-web-api": "^0.11.0",
- "rxjs": "~6.5.5",
- "tslib": "^2.0.0",
- "zone.js": "~0.10.3"
Dev Dependencies used:
- "@angular-devkit/build-angular": "~0.1000.0",
- "@angular/cli": "~10.0.0",
- "@angular/compiler-cli": "~10.0.0",
- "@types/node": "^12.11.1",
- "@types/jasmine": "~3.5.0",
- "@types/jasminewd2": "~2.0.3",
- "codelyzer": "^6.0.0-next.1",
- "jasmine-core": "~3.5.0",
- "jasmine-spec-reporter": "~5.0.0",
- "karma": "~5.0.0",
- "karma-chrome-launcher": "~3.1.0",
- "karma-coverage-istanbul-reporter": "~3.0.2",
- "karma-jasmine": "~3.3.0",
- "karma-jasmine-html-reporter": "^1.5.0",
- "protractor": "~7.0.0",
- "ts-node": "~8.3.0",
- "tslint": "~6.1.0",
- "typescript": "~3.9.5"
AngularTourOfHeroes
This project was generated with Angular CLI version 10.0.0.
Development server
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.
Further help
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.