Angular POC

Sample POC Application to submit timesheet with all the features in Angular

Prerequisites

1. Visual studio 2017
2. ASP.Net core with 2.1
3. Node Js
4. Npm
5. SQL Server 2012
6. Angular 6

Installation:

1. Download the project
2. Restore the Packages
3. Publish the SSDT Project(POC.Database) for Database setup

Angular Features

1. Multi-layout and Multi-level Horizontal menu
2. Bootstrap scss
3. Routing and Route Guards
4. Lazyloading modules
5. Realtime Web Api integration with Http service calls
6. Cross cutting concerns(Logging and exception Handling)
7. Model driven Validations
8. Custom controls and Shared components 8.1) Custom Grid with pagination and search
9. Web-pack Integration for bundling ts and css,and scss files
10. Authenication using Http-Interceptors
11. Integrated 3rd party controls

DAL

1)POC.WebApi 2)POC.Repository

Application Features

1. Login
2. Role based login (superadmin/demoadmin/demouser)
3. Dashboard
4. CRUD Operations
5. Validations and toaster messages
6. Custom Grid with Pagination and Search
7. Upload and download documents
8. TimeSheet 8.1) Save TimeSheet 8.2) Submit TimeSheet 8.3) Approve TimeSheet 8.4) Reject TimeSheet

Screenshots

Login

Super Admin Dashboard

Super Admin Dashboard

Add Employee

Edit Employee

Time Sheet

Disclaimer:This sample project is for learning and training purpose.