A staff leave portal, from application to approval
A mockup of a staff leave portal: apply for leave, check the balance, see the team calendar and approve requests. All of it in one HTML file, without a single outside library.
leave types, each with its own rules on documents and half days, and one working-day count that takes out weekends and public holidays before a request reaches the manager.
This is a mockup. The logo and brand name inside it are removed from every picture on this page.
What was done
Nine screens for two kinds of user. Staff apply for leave, check their balance and see who else is away on the same dates. Managers get an approvals screen of their own, and every request there shows the balance after approval and the name of the colleague covering the work.
Eleven leave types, each with its own rules. Medical, marriage, hajj and umrah, maternity and examination leave ask for a supporting document. Annual, emergency and replacement leave can be taken as a half day, morning or afternoon.
Every balance is computed from the leave records themselves and stored nowhere, so the dashboard and the entitlement screen cannot show two different figures. The logo and brand name are removed from every picture here.
What was measured
Note. The staff names in the pictures are sample data inside the mockup.
Ask about work like this