TigidalHR

TigidalHR is a study project focused on the experience of an HR portal where employees and coordinators could see schedule, leave, documents, and personal indicators in a single place. The verified implementation is a Vue 3 + Vite frontend prototype, with no backend or persistence: user, schedule, leave, document, and payroll data are defined locally in components and serve as a product demonstration.

The dashboard brings together a summary of days worked, documents and assignments, the employee's profile, overtime, available leave days, and a payroll table. A separate schedule view uses Chart.js for hourly ranges and also handles shifts that cross midnight, visually splitting the range between two days and adapting the chart width to the relevant hour window.

The Team Schedule area models a weekly plan for multiple members. Local data is combined by employee and day, normal shifts, days off, and sick leave are distinguished, and the interface calculates the week's total hours and per-employee aggregates for the current week and month. Navigation between weeks uses date-fns with Romanian localization.

The leave calendar dynamically builds the days of the month and projects leave intervals for team members, marking the start and end of continuous periods and separately highlighting the logged-in employee in the demo scenario. The documents page offers local pagination and visual states such as Sent, Pending, Ready, and Rejected; the add button emits an event, but the creation flow is not wired to persistence.

Access has a dedicated login screen and a second step with a six-digit code, but validation is hardcoded in the browser and the routes have no authentication guards. It is therefore a UX demonstration of two-step authentication, not a security or 2FA implementation. Similarly, payroll and financial values are demo content, not the output of a payroll engine.

The interface starts from Argon Dashboard 2 by Creative Tim, confirmed by the README, package metadata, and the original files kept in the repository. Customization is visible in the separate my-vue-project application: Vue structure, lazy-loaded routing, HR components, the Tigidal logo, custom fonts and a navy/blue-gray palette, translucent cards, and layouts adapted for narrow screens. Vite is configured for gzip and manual chunking of dependencies.

The repository is a portfolio snapshot with a single backup commit, so the Git history cannot demonstrate incremental evolution or separate contributions by commit. There are no models, migrations, controllers, services, queue workers, webhooks, audit/GDPR handling, real document upload, or build/test CI for the Vue application. The end goal that emerges from the UI is a self-service HR and workforce management portal; these missing capabilities are treated as a product direction, not as features already built.