Srinivasanms16 / EmployeeInformation

0 stars 0 forks source link

AngLifecycleHookChangeDet

This project was generated with Angular CLI version 9.0.6.

My Info :

       This employee management Project 

 _                      _                 ____ _     ___
/ \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|

/ △ \ | ' \ / | | | | |/ _ | '| | | | | | | / _ | | | | (| | || | | (| | | | || |_ | | // __| ||_, |_,||_,|| __|__|| |/

Angular CLI: 9.0.7 Node: 12.16.1 OS: win32 x64

Angular: 9.0.7 ... animations, cli, common, compiler, compiler-cli, core, forms ... language-service, platform-browser, platform-browser-dynamic ... router Ivy Workspace: Yes

Package Version

@angular-devkit/architect 0.900.7 @angular-devkit/build-angular 0.900.7 @angular-devkit/build-optimizer 0.900.7 @angular-devkit/build-webpack 0.900.7 @angular-devkit/core 9.0.7 @angular-devkit/schematics 9.0.7 @ngtools/webpack 9.0.7 @schematics/angular 9.0.7 @schematics/update 0.900.7 rxjs 6.5.5 typescript 3.7.5 webpack 4.41.2

MockServer : json-server (its need to be installed globally.)

              npm run mockserver .

what i done : used Router module for routing purpose .

              Used ReactiveFormModule to create the Form to add the employee .
              used Nav bar . 
              Created the Dashboard to view all empoyee are small cards .
              when ever mouse over / mouse leave colour will change used custom derivative .
              when clicked it will route to view employee screen .
              We can also add employee through empoyee -> add employee .
              used jason-server as mock server .
              used HttpModule to access the data .

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.