Attendance System – Application

The Attendance System Application allows users to manage employee attendance records by adding, editing, and deleting entries. Each record includes the employee’s name, date, and attendance status (Present/Absent). Attendance data is stored in local storage and displayed with pagination for ease of use.

How to Test:

  1. Add Attendance Record: Enter the employee’s name, select a date, and mark attendance status, then save.
  2. Edit Record: Modify an existing attendance entry and verify the changes.
  3. Delete Record: Remove an attendance record and confirm it’s deleted.
  4. Search: Use the search bar to filter records by employee name or date.
  5. Pagination: Add over 10 attendance records and navigate between pages.
  6. Local Storage: Refresh the page and ensure that the attendance records persist.
  7. Bugs: Test for empty fields, duplicate records, and pagination issues.

This application simplifies attendance tracking and ensures data persistence, allowing users to efficiently manage employee attendance records.


Attendence Systm Aplication with Local Storage

Attendence Systm Aplication

# Employee Name Date Status Actions
1 John Doe 2024-09-01 Present
2 Jane Smith 2024-09-02 Absent
3 2024-09-03 Present
4 Robert Johnson Absent
5 Emily Davis 2024-09-05 Late
6 John Doe 2024-09-01 Present
7 Michael Wilson 2024-09-06 Present
8 Sarah Brown 2024-09-07 Absent
9 Chris Lee 2024-09-08 Present
10 David Miller 2024-09-09 Absent
Scroll to Top
Open chat
1
Hello👋
Can we help you?