About The RoleWe need a Senior Frontend Engineer to build the web application that sits on top of our IoT platform — a real-time, data-dense monitoring and management interface used by facility managers, fleet operators, and enterprise administrators. This is not a marketing website or a standard CRUD app. It renders thousands of live data points simultaneously, handles high-frequency WebSocket streams, and serves multiple industries from a single configurable codebase.The Ideal CandidateYou have shipped real-time, data-rich frontend applications — not just interactive UIs. You have integrated WebSocket or MQTT-over-WebSocket in production. You can build custom chart components from scratch when libraries fall short. You care about performance at scale. You make sound UX decisions without a designer in the room. You have a portfolio of live products to show.Key ResponsibilitiesCore Web ApplicationBuild the IoT platform web application from scratch: device management portal, real-time monitoring dashboards, alert management interface, rule configuration UI, OTA management screen, multi-tenant admin panelsImplement real-time telemetry rendering using WebSocket and MQTT-over-WebSocket — live sensor values and alerts must update without page refresh at high concurrencyBuild an interactive geospatial device map showing real-world asset locations and statuses using Mapbox GL or LeafletDevelop time-series chart components: line charts, gauges, heat maps, bar charts, with configurable thresholds and anomaly overlaysBuild the multi-tenant admin layer: tenant creation, user management, role assignment, data scope controls, and white-label capabilityImplement a device onboarding wizard: step-by-step flow that abstracts protocol complexity for non-technical operatorsBuild a widget-based dashboard builder: drag-and-drop interface for end users to compose custom monitoring viewsBuild alert and rule management interfaces: visual rule builder, acknowledgement workflows, escalation chain setup, historical alert logEngineering Quality & PerformanceBuild a reusable component library from Day 1 — all UI elements abstracted, no one-off componentsOwn frontend performance: high-frequency data streams must not cause memory leaks, frame drops, or browser crashes — implement virtualisation, throttling, and WebWorker offloading where neededWrite comprehensive tests: unit (Vitest/Jest), integration (React Testing Library), E2E (Playwright) covering all critical user journeysImplement i18n scaffolding from the start — the platform serves MENA, South Asia, and Europe; Arabic RTL support is requiredOwn and maintain the frontend CI/CD pipeline: automated lint, test, build, deploy to AWS S3/CloudFrontDocument all component APIs, usage patterns, and integration guides in the knowledge baseRequirements5-8 years of frontend engineering with a portfolio of real-time, data-rich applications — live product links are required at interview; no portfolio = no interview ⚑ PORTFOLIO REQUIREDExpert React with TypeScript — you design component hierarchies and state architecture, not just consume component libraries; Next.js strongly preferred ⚑ NON-NEGOTIABLEProduction experience shipping real-time applications using WebSocket or MQTT-over-WebSocket in the browser — not just theoretical knowledge ⚑ NON-NEGOTIABLEData visualisation library proficiency: D3.js, ECharts, Recharts, or ApexCharts — able to build custom chart types beyond out-of-the-box defaultsGeospatial mapping for asset visualisation: Mapbox GL JS, Leaflet, or Deck.glState management in complex real-time applications: Redux Toolkit, Zustand, or TanStack QueryFrontend performance optimisation: virtualised lists, memo and callback strategies, lazy loading, Web Workers for CPU-intensive workSolid understanding of REST and GraphQL API integration, auth token handling, and error boundary patternsRemote work discipline: proactive async communication, self-documentation, minimum 4 hours daily overlap with UAE working hours ⚑ REMOTE DISCIPLINENice to HaveDashboard builder or no-code/low-code UI composition experience (drag-and-drop widget layout similar to Grafana)PWA patterns for offline-capable field-use interfacesWebGL or Three.js for 3D facility or floor plan visualisationPrior work on SCADA HMI interfaces, BMS dashboards, or industrial monitoring UIsStorybook for component library documentation and visual regression testingExperience implementing Arabic RTL layoutsSkills At a GlanceCore Stack: React 18+ with TypeScript Next.js (SSR/SSG/App Router) CSS Modules / Tailwind CSS Vite or Webpack build tooling REST + GraphQL API integrationReal-time & Data: WebSocket client implementation MQTT.js (MQTT-over-WebSocket) D3.js / ECharts / Recharts Mapbox GL JS / Leaflet Time-series data renderingState & Quality: Redux Toolkit / Zustand / TanStack Query Vitest / Jest unit testing Playwright / Cypress E2E testing React Testing Library Frontend CI/CD (GitHub Actions + S3/CloudFront)UX & Standards: UX decision-making without a designer Responsive design (tablet + desktop) Internationalisation (i18n / RTL) Accessibility (WCAG 2.1 AA) Component library architecture