Roster - React HR Template with Directory, Time Off and Timesheets - ReUI
Roster - React HR and People Management Template
new
A React people operations console: a directory nested by reporting line, time off, timesheets, a hiring board and approvals, on a typed seed with no backend.
More templates
What is included
Static build, no server.pnpm build writes a dist folder, and vercel.json rewrites deep links back to index.html.
One switch for data.Every screen derives from src/lib/data/dataset.ts, so repointing that one file swaps the whole company.
Seven localStorage overlays.Decisions, candidate drags, people edits, org settings, notes, signed-off weeks and booked leave sit under roster.*.v1 keys.
Five-step CSV import.Upload, map, preview, merge duplicates, import, through a hand-written parser that survives Excel's BOM.
Directory nests by manager.TanStack Table v9 getSubRows rolls span of control and open roles up each reporting line.
Timesheets count leave.An approved leave day is worth the person's contracted week divided by the working days.
Drag moves the funnel.Dropping a candidate into Offer moves the dashboard funnel.
Navigation holds the page.A 2px top bar reports the wait while the current screen stays until the next renders.
Who it is for
Shipping an HR tool with no backendNothing to host but files, and every change stays in the browser.
Fronting an existing HR APISwap the PERSISTENCE block in each of the seven stores; the derivations above stay.
Standing the app up on real dataPoint dataset.ts at seed/empty and the dashboard becomes a six-step setup checklist.
