Skip to content

DA-and-Cloud/Attendance-management-system-using-spring-boot-and-angular-7

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Attendance-management-system

The main motive of the project is to create an end to end attendance management system for the company,following are the key features of this project :-

1. Dedicated views for EMPLOYEES,ADMIN,DEPARTMENT as well

2. EMPLOYEE VIEW :-

  • ATTENDANCE ANALYSIS
  • EMPLOYEE DETAILS
  • LEAVE REQUEST SUBMISSION (will be approved by the admin.!)
  • NOTIFICATION CENTER (to view the status of the leave requested)
  • HOLIDAY LIST (company specific holidays)

3. DEPARTMENT VIEW :-

  • ENTIRE DETAILS OF THE EMPLOYEES IN THAT PARTICULAR DEPARTMENT ALONG WITH THEIR ATTENDANCE WILL BE DISPLAYED IN THE DESCENDING ORDER(in terms of no of days present)
  • LEAVE APPROVAL FACILTY
  • HOLIDAY LIST (company specific holidays)

4. ADMIN VIEW

  • ENTIRE DETAILS OF THE EMPLOYEES ALONG WITH THEIR ATTENDANCE WILL BE DISPLAYED DEPARTMENT WISE IN THE DESCENDING ORDER(in terms of no of days present)
  • HOLIDAY LIST (company specific holidays)

TECHNOLOGIES USED,

FRONT END :- Angular7 BACK END :- Spring Boot (using CRUD REPOSITORIES ) DATABASE :- MySql OS :- Linux (ubuntu)


SYSTEM REQUIREMENTS,

Java 8,MySQL (suitable version),Node JS,eclipse ide, Maven tool


How to run the application

FRONT END :-

Install npm 
Go inside the folder named 'Attendance System' in terminal and type the following command
                        'npm install'  
give 'npm start'

BACK END :-

Right click on the project -> Select 'maven' -> Select 'Update Project'
Right click on the POM.XML -> Select 'run as' -> Select 'Maven Build'
Under the target folder -> Find the path of the snapshot.jar file 
In the terminal give the following command :-
    java -jar 'path of the jar'
  For eg : java -jar /home/test/Downloads/attendance/target/attendance-0.0.1-SNAPSHOT.jar

SECURITY :-

We have encoded the password using bCryptPasswordEncoder 

Create an account for all three views

1. emp -> to access employee view.

2. dept -> to access department view.

3. admin -> to access admin view.

Always use postman to create the account as the passwords are encrypted.

Response : {

"type": "3",

"password": "$2a$10$HO8J7fP1Mn7jn7hmqTog0OhJn/acvqlQ7yP12LavPVFlKBmRH2BTG",

"employeeId": "admin"

}

Screenshot 2022-12-11 at 10 30 12 PM

LOGIN PAGE

Screenshot 2022-12-11 at 10 10 38 PM

ADMIN VIEW

MAIN PAGE

Screenshot 2022-12-11 at 10 30 47 PM

ATTENDANCE PAGE

Screenshot 2022-12-11 at 10 31 13 PM

EMPLOYEES LIST PAGE

Screenshot 2022-12-11 at 10 31 58 PM

HOLIDAYS LIST PAGE

Screenshot 2022-12-11 at 10 32 09 PM

EMPLOYEE VIEW

DETAILS PAGE

Screenshot 2022-12-11 at 10 32 55 PM

LEAVE REQUEST PAGE

Screenshot 2022-12-11 at 10 33 36 PM

DEPARTMENT VIEW

LEAVE APPROVAL PAGE

Screenshot 2022-12-11 at 10 34 19 PM

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 38.8%
  • Java 37.3%
  • HTML 22.7%
  • JavaScript 1.1%
  • CSS 0.1%