← BACK TO SELECTED WORK
SS
SHRUTHI SUNDAR
PROJECT 02 // PERSONAL PRODUCT
02 // PERSONAL PRODUCT PWA · AUTOMATION · GEOLOCATION · CLIENT-SIDE

OFFICE TRACKER

"Seat booked ≠ actually went to the office."

LIVE WEB APPLICATION (PWA)

Office Tracker is live in production. Zero installation friction — works directly in any mobile or desktop browser with on-device GPS geofencing.

LAUNCH LIVE APP ↗
01 // THE FRICTION

My company's official seat-booking portal tells me which days I booked a seat, but it does not reliably tell me which days I actually went to the office. Remembering past physical presence for monthly records was manual, fuzzy, and error-prone.

02 // THE INSIGHT

I didn't need another heavy corporate dashboard or battery-killing continuous background GPS tracking. I just needed a single, reliable location-based presence signal captured once during peak office hours.

LIVE INTERFACE ARCHITECTURE

Designed for Zero-Cognitive-Load Attendance

SCREEN 01 // PRESENCE DASHBOARD DAILY UI
Office Tracker main screen showing ticket stamp progress and calendar
› Ticket-Punch Mental Model: Giant 7 / 10 days counter with dynamic monthly deficit tracker and checked stamp tokens.
› 1-Tap Manual Override: Prominent golden action button to instantly mark or undo today's attendance when working remote.
› Live Geofence Telemetry: Real-time Haversine distance readout (~1456m away) validating office proximity.
› Interactive Calendar Heatmap: Monthly matrix with active-day highlighting, weekend markers, and tap-to-toggle editing.
SCREEN 02 // GEOLOCATION SETTINGS SYSTEM CONTROLS
Office Tracker settings modal showing geofence radius and monthly target options
› 1-Tap Coordinate Pinning: "Save current location as office" latches latitude/longitude directly from device GPS.
› Configurable Geofence Radius: Customizable detection radius (default 150m) preventing transit false positives.
› Custom Monthly Quotas: Flexible goal adjustment (e.g. 10 days) adapting to hybrid or strict office policies.
› 100% Client-Side Privacy: Zero cloud servers or telemetry tracking — entire database persisted in browser localStorage.
SYSTEM MECHANISM AUTOMATED PRESENCE CHECK
⏰
iOS SHORTCUT
Triggered automatically around 2:00 PM on weekdays
→
📍
LOCATION CHECK
Fetches current device GPS coordinates
→
⭕
~150m GEOFENCE
Validates proximity to office building radius
→
📱
PWA STORE
Silently logs physical presence status locally
→
📊
CALENDAR LOG
Generates monthly verified attendance history

How it works: At 2:00 PM, an iOS Shortcut triggers a single foreground GPS check. If the device is within ~150 meters of the saved office coordinates (computed via spherical Haversine formula), it marks the day automatically in the lightweight Progressive Web App.

PRODUCT THINKING

Key Product Decisions & Trade-Offs

01

Why 2:00 PM?

Midday is when physical office presence is most certain. It avoids false positives from morning subway commutes through the neighborhood and eliminates the risk of missing someone who leaves by 5:00 PM.

02

Why ~150 Meters?

Urban high-rises cause concrete GPS drift up to 80m. A 150m radius encompasses the entire building footprint while strictly excluding nearby subway transit corridors and perimeter cafes.

03

Retro Ticket Stamp UX

Rather than generic checkboxes or sterile corporate tables, a tactile punch-card ticket UI gamifies monthly goal completion and creates immediate, satisfying visual progress feedback.

04

Zero-Cloud Privacy

Only a binary flag (1 / 0) and date are stored locally in the browser's localStorage. No continuous path tracking, no battery drain, and zero personal telemetry sent to any external server.

PRODUCT OUTCOME

"A manual check became something I stopped thinking about."

Built as a personal product to solve my own real daily friction, creating a frictionless, reliable record of physical office attendance.

TRY THE LIVE APP ↗