WorkerTrackApp

• This project is a fullstack web application developed using Java Spring Boot and Angular CLI. It implements JWT-based authentication and role-based authorization to ensure secure access to resources.

Screenshots

LOGIN

The user login screen offers JWT-based authentication.

HOMEPAGE_ADMIN

The main screen where, as an admin, we can view all employees as a table and perform all CRUD operations.

HOMEPAGE_USER

The main screen where, as a user, we can only view employees but cannot perform other CRUD operations.

ADD EMPLOYEE

Interface for adding a new employee (accessible only to users with the admin role).

EDIT EMPLOYEE

Interface for updating an existing employee (accessible only to users with the admin role).

WORKLOGS PAGE_ADMIN

The screen where we can view the worklog summary of all users for a specific month and year that we select.

LAST WORKLOGS DETAILS

The screen where we can view the detailed worklogs of a selected user for the last 7 days and perform all CRUD operations as an ADMIN.

ADD WORKLOG

Interface for adding a new worklog for selected user. (accessible only to users with the admin role).

EDIT WORKLOG

Interface for updating an existing worklog (accessible only to users with the admin role).

Installation

Backend Setup (Spring Boot)

1. Clone the repository:

   git clone https://github.com/yusufsafaa/workerTrackApp.git

2. Navigate to the project directory and install dependencies.
3. Configure application.properties with your database settings and any required environment variables.
4. Run the Spring Boot application:

   ./mvnw spring-boot:run

Frontend Setup (Angular)

1. Navigate to the frontend directory:

   cd frontend

2. Install the dependencies:

   npm install

3. Run the Angular application:

   ng serve

4. Open http://localhost:4200 in your browser to view the application.

Built With

• Java Spring Boot: Backend framework for RESTful APIs.
• Angular CLI: Frontend framework for UI.
• Spring Security: For implementing authentication and authorization.
• JWT: JSON Web Token for secure authentication.
• PostgreSQL: Database options (modify according to preference in application.properties).