TigidalHR
Template dashboard HR construit cu Vue 3 și Vite, cu grafice interactive ECharts și Highcharts pentru vizualizarea programului de lucru, concediilor, documentelor și payroll-ului.
Stack principal
Provocarea
Integrarea simultană a ECharts și Highcharts fără conflicte de bundle și cu performanță bună pe seturi mari de date (sute de angajați, ani de istoric).
Soluția
Import lazy al librăriilor de charting per modul (dynamic import) pentru a nu le include în bundle-ul inițial. Componente wrapper Vue care abstractizează API-urile diferite ale celor două librării și expun o interfață uniformă bazată pe props.
Complexitate notabilă
TigidalHR este un template de dashboard HR care demonstrează integrarea Vue 3 cu două librării de charting de nivel enterprise: Apache ECharts și Highcharts. Proiectul acoperă principalele module ale unui sistem HR: program de lucru, gestionare concedii, documente angajați și payroll. Interfața folosește componente Vue 3 cu Composition API și TypeScript, organizate pe module funcționale. Fiecare modul are propriile vizualizări: grafice de tip calendar pentru program și concedii, grafice de tip bar/line pentru payroll și statistici, și tabele sortabile pentru documente. ECharts este folosit pentru vizualizările complexe (heatmap calendar, grafice multi-serie), iar Highcharts pentru graficele financiare (payroll, comparații lunare). Vite asigură build rapid și HMR în development.
Vrei ceva similar?
Începe cu wizard-ul de estimare — răspunzi la câteva întrebări și primești un range de preț + timeline realist.