MERN · React Native · Expo·2023

Request Management + Geofenced Attendance

HR request approvals and geofenced attendance on web + React Native — offline sync, tamper-aware check-in, and overtime into payroll.

GitHub
github.com/ibefehdi/jiroun-workflow-frontend
Overview

This internal HR platform combines two problems organizations in Kuwait often solve with disconnected tools: employee requests that need multi-level approval, and attendance that should prove someone was actually at the branch or site.

On the web, managers handle leave, procurement, and IT tickets through configurable approval chains with delegation and escalation windows. Request types are not hard-coded theater — each can define who must sign, in what order, and what happens when a step stalls.

The companion React Native (Expo) app captures attendance only inside pre-defined geofences. That constraint alone removes a class of "checked in from home" abuse. Tamper-aware signals further reduce fake check-ins when users try to spoof location.

Field connectivity is unreliable, so the mobile client queues events and reconciles with the MERN backend when devices reconnect. Workers are not blocked from doing their job because a basement has weak signal; managers still get a coherent timeline once sync completes.

Automated overtime and absence calculations feed payroll without a second manual pass in spreadsheets. That handoff is where many attendance apps fail — the product stops at a CSV dump. Here the workflow was designed to continue into compensation logic.

Architecturally, one source of truth serves desktop managers and phone-first workers. MongoDB, Express, React, and Node.js power the web side; geolocation APIs and offline queues power the mobile edge. Shared domain rules keep request status and attendance events consistent across clients.

If you need geofenced attendance, multi-level approvals, or a full-stack developer who has shipped web + React Native operations software, this case study shows the practical requirements: offline sync, role clarity, and payroll-minded outputs — not only a map pin on a demo screen.

Features

Multi-level approval chains

Configurable per request type with delegation and escalation windows so leave, procurement, and IT tickets follow the real org chart.

Geofenced attendance

Location-verified check-in/out inside defined site boundaries, with tamper-aware defenses against spoofed locations.

Offline sync

Queued mobile events that reconcile cleanly with the server on reconnect so poor coverage does not halt field attendance.

Payroll integration

Automated overtime and absence calculations that feed payroll processes instead of ending in a manual spreadsheet cleanup.

Tech stack
MongoDBExpressReactNode.jsReact NativeExpoGeolocation APIs
Highlights
GeofencingOffline syncPayroll integration
Links