Visit
HR

Palayesh Nik case study

The job application form of Petro Palayesh Nik Yazd's recruitment system: twelve steps in Persian, right to left, with validation that knows Iranian documents. I built part of it.

Role
Front-end developer (apply form)
Stack
Nuxt 4 · Tailwind 4 · Nuxt UI · Pinia
Year
2026
Palayesh Nik — project overview

01My part of a larger system

The recruitment system was a team build, and the HR panel behind it is other people's work. My share was in the applicant's form: steps seven to ten, covering work history, skills, references and medical details, then the form's rules, its tablet and phone layouts, and a pass over how the whole thing behaves.

Palayesh Nik — Rules that know the paperwork

02Rules that know the paperwork

The errors shown here come from rules written for Iranian documents rather than a generic required check: the national code's check digit, the birth certificate number, mobile prefixes, landline area codes, postal codes and a minimum age of 18. A failed Next scrolls to the first field in error and focuses it, and the message says what to go and check.

Palayesh Nik — Long histories, one record at a time

03Long histories, one record at a time

A work history is a list of unknown length, so each record opens in its own editor, as shown here, and is saved or cancelled on its own. Next steps back while an editor is still open, so a half-typed record is not left behind, and deleting one offers an undo.

Palayesh Nik — Twenty minutes on a small screen

04Twenty minutes on a small screen

The form takes about twenty minutes, which is a long time to spend on a phone. On small screens, shown here, the desktop's step sidebar becomes a sticky bar with the progress and a Steps button that opens the full list in a drawer, so an applicant can always see how much is left. Oversized phone photos are also shrunk before they upload.

Let’s Stay Connected

Got questions or want to collaborate? Feel free to reach out — I’m open to new projects or just a casual chat.

0%