<img src="https://raw.githubusercontent.com/NilavPatel/Ng-Prime/master/src/assets/images/logo-large.png" width="300" height="100">

# Angular 8 + PrimeNg
(Please check branch Ng7 for angular 7 version)
````
https://angular.io/
https://www.primefaces.org/primeng/
http://www.ngx-translate.com/
https://fontawesome.com/
https://www.npmjs.com/package/angular-user-idle
https://www.chartjs.org/
````

## Build and Run project
`````
Run below commands in console
1. npm install
2. ng build
3. ng serve
`````

## features
````
1.  Custom loader service
2.  Custom notification service
3.  Font awesome icons
4.  State management service to maintain state on page refresh
5.  Back button functionality for views
6.  Add custom validations and form validations into form group
7.  Sidebar in notification icon click
8.  Custom dialog box on contact us page
9.  User inactivity tracing, auto logout on 5 minute inactivity
10. Show/Hide menu bar on click for both desktop and mobile layout
11. Theme chooser for dark and light theme at runtime.
12. Multi language support (English and Hindi)
````

## Browser support
````
Chrome, Firefox, Edge, IE 11/10 (except theme chooser as css variables not supported in IE)
````

### Login page

![image login](https://raw.githubusercontent.com/NilavPatel/Ng-Prime/master/src/assets/images/login-page.png)

### Details page

![image dashboard](https://raw.githubusercontent.com/NilavPatel/Ng-Prime/master/src/assets/images/details-page.png)

### Responsive layout for desktop, tablet and mobile

![image dashboard](https://raw.githubusercontent.com/NilavPatel/Ng-Prime/master/src/assets/images/laptop.png)
![image dashboard](https://raw.githubusercontent.com/NilavPatel/Ng-Prime/master/src/assets/images/tablet.png)
