niji2507 / Sample-Recruitement-dashborad-App

Basic recruitment application which contains dashboard page with tiles containing information about Job applicants and list view to show list of applicants (supported client-side pagination of table)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Sample-Recruitement-dashborad-App

Basic recruitment application which contains dashboard page with tiles containing information about Job applicants and list view to show list of applicants (supported client-side pagination of table)

A Web Application that allows Admin with credential (Admin/Admin@1234)

  • To Login to the App.
  • Display tiles which shows total number of Job Applicants and seperate tiles for each domain
  • Table view containing each candidate information
  • Table is supported with pagination with default page size as 5.
  • Side collapsable navigation bar which contains menu items (dashboard/logout)

Technologies

  • Angular
  • Angular cli
  • Bootstrap
  • HTML 5
  • CSS
  • Jquery
  • TypeScript

Running Demo

Uploaded a Gif Recruitment Application to view the demo

To run a demo Applcation Web application:

  • Install node
  • Install Angular cli
  • Download the project
  • Open the folder frontend and go to eventmanager
  • Run npm install to download all the dependencies for your angular project.
  • Run ng serve

By default, Web app runs in port 4200.

About Application

Login Component

  • Client side validation done to check if logged user is Admin or not
  • Once loggedin, User information is stored in Session storage which will be available until user closes the tab
  • If Admin is not logged in. Other pages cannot be accessed. When we try to access other pages directly through URL, the application is capable of redriecting to Login page.

Dashboard

  • On login, Admin will be navigated to dashboard
  • Contains two sections, one to show tiles with number of applicants applied to a specific domain and other section displays list of all candidates information
  • List is supported with pagination with default page size set to 5. Page size can be changed by selecting option in select dropdown
  • Candiates data is read from applicationdata.json file. On adding new entries, UI will support handling dynamic data

Logout

- User will be logged out from application - User details will be removed from Session storage.

About

Basic recruitment application which contains dashboard page with tiles containing information about Job applicants and list view to show list of applicants (supported client-side pagination of table)


Languages

Language:TypeScript 64.2%Language:HTML 16.1%Language:CSS 14.9%Language:JavaScript 4.8%