Senior Frontend Developer - Advanced Robotics
AddverbOct, 2024 - Present1 yr 6 months
React UI for Robot Control: Delivered a real-time cobot control interface with 3D rendering, leveraging WebSockets, Three.js. Optimized bundle size by 25%, removed dynamic injection to ensure full offline functionality. React Performance Optimization on 4-Core CPU: Achieved sub-100 ms INP by offloading the LCP 3D model load to a Web Worker rendering an immediately interactive 3D UI, and reduced per-core CPU usage from 100% to 15% on an UpSquared-hosted React app by conditionally throttling and batching communications to 200 ms preserving smooth and real time animations, validated via Lighthouse User Flow, Performance Panel, and htop. Multiplexing Architecture with Angular and Node.js: Engineered a channel-based messaging system over a single WebSocket connection using RxJSs multiplex pattern in Angular and a subscription management layer in Node.js, enabling pub/sublike communication and reducing connection overhead by 45%, cutting bandwidth usage by 30%. Websocket lifecycle management in Web Worker: Instrumented a web worker based websocket resilience layer using heartbeat monitoring and jittered exponential backoff, reducing zombie connections by 100%, preventing thundering-herd reconnects, and reducing main thread load by 10%. Desktop Application w React + Electron.js: Developed a Windows 11 Pro desktop and tablet application using React + Electron for humanoid control, point cloud visualization, camera feed streaming at 30fps 720p via WebRTC. Authentication and Access Control: Designed and implemented authentication and role-based access control (RBAC) in React and Node.js, securing 100% of 10+ route navigations on the frontend and enforcing backend API authorization using JWT-based authentication and role permissions. Multi Client Synchronization System Design: Designed a multi client authoritative backend synchronization system, leveraging versioned, event-driven state replication and frontend state reconstruction, with snapshot based reconciliation to maintain 100% state consistency under network instability.