Frontend Engineer
Tericsoft Technology Solutions Pvt Ltd
• Architected the frontend of a multi-tenant healthcare admin portal serving 5 tenants from a single codebase, each deployed against an isolated backend and database. Built a three-layer role-based access system (sidebar, component, and route guards) enforcing visibility to module and feature level across ~100 routes, driven by server-provided ACL config, with a superadmin console to grant/revoke access per role at runtime without redeployment. • Solved a client requirement to show a large record set on one screen with no pagination — which crashed the UI — with row virtualization on the shared react-table (react-virtual): only visible rows plus overscan mount, padding spacers preserve scroll height, and per-row measurement handles variable heights. Also delivered simultaneous left- and right-side column pinning unsupported by off-the-shelf grids, rendering the full dataset smoothly. • Built a live vehicle-tracking module rendering 1,000+ vehicles on an OpenLayers map with marker clustering for smooth interaction at scale, polling REST APIs every 60 seconds (near-real-time). Surfaced per-vehicle telemetry (status, speed, battery SOC, range) and plotted city-boundary geofences with alert markers (panic, geofence-violation, OBD-unplugged), replacing manual fleet monitoring. • Owned server-state management with React Query (TanStack) across multiple apps — a typed wrapper layer and centralized query-key factory for targeted cache invalidation, cursor/page infinite-scroll feeds, optimistic updates with rollback for likes/follows, and runtime schema validation (Zod) feeding graceful error states that prevent white-screen crashes. • Built data-visualization dashboards (ApexCharts, uPlot) — waterfall, donut, bar, and trend charts for fleet metrics, plus a 24-hour vehicle timeline wired to an OpenLayers map so hovering the chart scrubs a marker along the vehicle’s route to its position at that timestamp, letting admins correlate metrics with location. • Built a stateless server-side PDF engine for patient lab reports (Node.js + React PDF) with six configurable layouts, implementing custom height calculation and repeating-header table pagination not supported natively by the library, with 256-bit encryption, offloading rendering from the client.
