Giter Site home page Giter Site logo

niji2507 / sample-recruitement-dashborad-app Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 8.08 MB

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)

JavaScript 4.81% TypeScript 64.18% HTML 16.08% CSS 14.94%

sample-recruitement-dashborad-app's Introduction

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.