Full-stackCompleted2025
Excel Alchemy
Payroll-file workflow front-end
Full-stack · PreviewExcel AlchemyPayroll-file workflow front-end
Front-end / configuration UI; the transformation pipeline runs server-side.
Excel Alchemy is the configuration front-end for an enterprise payroll-automation workflow used by multinational FMCG/pharma payroll teams. A React + TypeScript single-page app (Vite, shadcn/ui, Radix, react-dropzone, TanStack Query) drives a cascading company → processing-step selector across the artifacts a payroll run produces (employee updates, total and individual variance reports, accruals, GL reports, and bank payment files), with per-step file-type validation, toast/loading states, and step-named downloads. It is the client surface of the pipeline; the deterministic transformation logic runs server-side.
- Vite
- React
- TypeScript
- shadcn/ui
- Radix UI
- react-dropzone
- TanStack Query
- Tailwind CSS
- Processing steps
- 7 (variance · accruals · GL · bank file)
- Stack
- Vite · React · shadcn/ui
- Scope
- Config front-end