JEG Employee & Kiosk Apps

Role

Mobile & full-stack developer

Year

2025

Category

Mobile

A multi-branch food-kiosk business needs reliable time records from crews at many small stalls, often with weak mobile data. Paper logs and shared PINs invite buddy punching, and a static QR code can simply be photographed and reused.

An employee app that turns the phone into a signed, short-lived badge: it syncs hourly keys while online, then signs each Time In, break or Time Out code locally, bound to the employee's registered device, with a nonce and a 30-second expiry, and blocks screenshots while it shows. A kiosk app at each branch, set up by a manager for that branch only, scans the codes, confirms instantly and queues scans offline. Both apps feed the JEG payroll platform, which also gives employees their payslips and leave on the same phone.

Architecture

Highlights

• Offline attendance QR: the phone syncs hourly signing keys, then builds each code itself as a SHA-256 signature over the payload, so employees can clock in with no signal.
• Each QR carries the employee, a device key, the action, a random nonce and a 30-second expiry, so a screenshot or a replayed code is useless.
• Screenshots are blocked while a QR code is on screen (expo-screen-capture), and the session token and device key live in the OS keychain (expo-secure-store).
• Device binding: an account signs in on one registered phone; a different device is refused until an admin resets the binding, and password reset verifies the bound device.
• Branch kiosk: only a store manager, HR, CEO or admin can configure a kiosk device, a store manager only for their own branch, and the kiosk then runs on its own scoped token.
• Scans give instant feedback with haptics and reset for the next person; if the network drops, scans are queued on the device and synced later.
• Employee self-service: payslips with SSS, PhilHealth and Pag-IBIG breakdowns and a shareable PDF, leave balance, and leave requests with status.
• Both apps share the JEG payroll platform API, so attendance flows straight into payroll.

Apps (employee + branch kiosk)

22

QR code lifetime

30 s30 s

Signing key rotation

HourlyHourly

Attendance actions

44

• React Native
• Expo SDK 54
• TypeScript
• React Navigation
• expo-camera
• expo-crypto
• expo-secure-store
• expo-screen-capture
• AsyncStorage
• react-native-qrcode-svg
• EAS Build
• Next.js API

Select a technology to see every project that uses it.