0%
Client-side HR SaaS tool for real-time payslip preview and PDF export
GetPayslip.com was designed as a lightweight HR utility where users can generate professional payslips without accounts, uploads, or backend processing. My role in frontend development focused on building a predictable, real-time editing experience while keeping all logic on the client side.
The application was built using Next.js with TypeScript for structure and type safety. React state management was used to sync form inputs with the live payslip preview, ensuring every change—salary values, company details, colors, or logos—was reflected instantly. Tailwind CSS allowed rapid styling while still supporting fine-grained customization such as text color, background color, spacing, and layout control.
PDF generation was handled entirely on the client, allowing users to download payslips without sending data to a server. This approach improved privacy, reduced infrastructure complexity, and kept the tool fast. Special care was taken to ensure the PDF output matched the on-screen preview closely, including branding elements like company logos and HR signatures.
I design and develop fast, privacy-first web tools with real-time UI and clean frontend architecture.
Frontend development for a long-running, content-rich electric mobility platform
