IoT - Senior Frontend Engineer

Job Description

About the Role

We 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 Candidate

You 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 Responsibilities

Core Web Application

1. Build 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 panels
2. Implement real-time telemetry rendering using WebSocket and MQTT-over-WebSocket — live sensor values and alerts must update without page refresh at high concurrency
3. Build an interactive geospatial device map showing real-world asset locations and statuses using Mapbox GL or Leaflet
4. Develop time-series chart components: line charts, gauges, heat maps, bar charts, with configurable thresholds and anomaly overlays
5. Build the multi-tenant admin layer: tenant creation, user management, role assignment, data scope controls, and white-label capability
6. Implement a device onboarding wizard: step-by-step flow that abstracts protocol complexity for non-technical operators
7. Build a widget-based dashboard builder: drag-and-drop interface for end users to compose custom monitoring views
8. Build alert and rule management interfaces: visual rule builder, acknowledgement workflows, escalation chain setup, historical alert log

Engineering Quality & Performance

1. Build a reusable component library from Day 1 — all UI elements abstracted, no one-off components
2. Own frontend performance: high-frequency data streams must not cause memory leaks, frame drops, or browser crashes — implement virtualisation, throttling, and WebWorker offloading where needed
3. Write comprehensive tests: unit (Vitest/Jest), integration (React Testing Library), E2E (Playwright) covering all critical user journeys
4. Implement i18n scaffolding from the start — the platform serves MENA, South Asia, and Europe; Arabic RTL support is required
5. Own and maintain the frontend CI/CD pipeline: automated lint, test, build, deploy to AWS S3/CloudFront
6. Document all component APIs, usage patterns, and integration guides in the knowledge base

Requirements

1. 5–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 REQUIRED
2. Expert React with TypeScript — you design component hierarchies and state architecture, not just consume component libraries; Next.js strongly preferred ⚑ NON-NEGOTIABLE
3. Production experience shipping real-time applications using WebSocket or MQTT-over-WebSocket in the browser — not just theoretical knowledge ⚑ NON-NEGOTIABLE
4. Data visualisation library proficiency: D3.js, ECharts, Recharts, or ApexCharts — able to build custom chart types beyond out-of-the-box defaults
5. Geospatial mapping for asset visualisation: Mapbox GL JS, Leaflet, or Deck.gl
6. State management in complex real-time applications: Redux Toolkit, Zustand, or TanStack Query
7. Frontend performance optimisation: virtualised lists, memo and callback strategies, lazy loading, Web Workers for CPU-intensive work
8. Solid understanding of REST and GraphQL API integration, auth token handling, and error boundary patterns
9. Remote work discipline: proactive async communication, self-documentation, minimum 4 hours daily overlap with UAE working hours ⚑ REMOTE DISCIPLINE

Nice to Have

1. Dashboard builder or no-code/low-code UI composition experience (drag-and-drop widget layout similar to Grafana)
2. PWA patterns for offline-capable field-use interfaces
3. WebGL or Three.js for 3D facility or floor plan visualisation
4. Prior work on SCADA HMI interfaces, BMS dashboards, or industrial monitoring UIs
5. Storybook for component library documentation and visual regression testing
6. Experience implementing Arabic RTL layouts

Skills at a Glance

Core Stack: React 18+ with TypeScript · Next.js (SSR/SSG/App Router) · CSS Modules / Tailwind CSS · Vite or Webpack build tooling · REST + GraphQL API integration

Real-time & Data: WebSocket client implementation · MQTT.js (MQTT-over-WebSocket) · D3.js / ECharts / Recharts · Mapbox GL JS / Leaflet · Time-series data rendering

State & 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