• Introduction
• Features
  • Employee Operations
  • Manager Operations
• Technologies Used
• Installation and Running
• Components
  • EmployeeMenu
  • ManagerMenu
  • LoginForm
• Backend Logic
• Usage
• Contributing
• License

Employee Time Tracker is a crafted to enable employees to accurately clock in/out, while providing managerial staff the capabilities to manage employees, view their timesheets, and administer overall attendance.

• Clock In/Out: Allows employees to record their working hours.
• Clock In/Out for Lunch: Enables employees to clock in/out for their lunch break.

• View Employee List: Provides a comprehensive list of all employees.
• View Timesheets of Employees: Enables viewing of detailed timesheets of each employee.
• Add/Remove Employees: Provides functionalities to add new employees or remove existing ones.

• React: For building the user interface.
• Node.js: Backend server environment.
• Express: Web framework used in conjunction with Node.js.
• axios: For making HTTP requests.
• react-router-dom: For routing and navigation within the application.

$ git clone

$ cd employee-timetracker

$ cd server && npm install

$ cd ../client && npm install

$ npm start

A dedicated component that renders functionalities and operations that an employee can perform, such as clocking in/out and managing lunch breaks.

This component is crafted to offer managers a dedicated interface, allowing them to execute various administrative operations, like viewing employee lists and observing timesheets.

An interactive component designed to facilitate users in logging into the application by entering their employee ID and selecting their role.

The server-side logic, responsible for managing employees, their timesheets, and executing various operations, is efficiently handled by the EmployeeTimeTracker class located in the server directory. This class is packed with methods that streamline the management of employees, their clock-in/out times, and meticulously maintain timesheets.

• Step 1: Navigate to the login page.
• Step 2: Enter your employee ID.
• Step 3: Select your role and proceed.

• Utilize the displayed menu to navigate through different options and execute various operations assigned to your role.

Contributions are wholeheartedly welcomed! Feel free to submit a pull request for minor enhancements or bug fixes. For significant changes or new features, it’s encouraged to open an issue first to discuss the proposed modifications.

This project is licensed under the MIT License.