Attendance MVP — Layer 1 UI

Simple review-ready UI implementation for employee mobile, kiosk web, and admin web.

Implemented Layer 1 screens

Locked MVP decisions preserved

No GPS. No employee ID in registration. Employee attendance keeps manual token input, now with narrow QR scanning enhancement as an additional input path. Only the approved screens are included, with lightweight browser-side behavior.

Employee mobile

  • RegisterOpen
  • Register / Validation errorOpen
  • Pending ApprovalOpen
  • LoginOpen
  • Login / Invalid credentialsOpen
  • Home / LoadingOpen
  • Home / Not checked inOpen
  • Home / Checked inOpen
  • Home / Checked outOpen
  • Scan or Manual Token InputOpen
  • Manual Token / Expired tokenOpen
  • Attendance Result / SuccessOpen
  • Attendance Result / FailureOpen

Kiosk + admin web

  • Kiosk SetupOpen
  • Kiosk Setup / ErrorOpen
  • Kiosk QR DisplayOpen
  • Kiosk QR / OfflineOpen
  • Admin LoginOpen
  • Admin Login / ErrorOpen
  • Admin DashboardOpen
  • Pending ApprovalsOpen
  • Pending Approvals / EmptyOpen
  • Employee DirectoryOpen
  • Employee Detail / Shift assignmentOpen
  • Shift ListOpen
  • Shift Create / EditOpen
  • Attendance RecordsOpen
  • Attendance Records / EmptyOpen
  • Attendance Detail / CorrectionOpen
  • Attendance Detail / Validation errorOpen
  • PayrollOpen
  • Payroll DetailOpen
  • Leave RequestsOpen
  • Activity LogOpen
These pages remain a lightweight browser-side prototype. Phase 3 adds a practical operations layer (dashboard, employee directory, and activity log) without replacing the working attendance, payroll, leave, or kiosk flows.