Senior Frontend Engineer

Open 20d

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

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

Engineering quality & performance

  • Build a reusable component library from day 1 — all UI elements abstracted, no one-off components
  • 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
  • Write comprehensive tests: unit (Vitest/Jest), integration (React Testing Library), E2E (Playwright) covering all critical user journeys
  • Implement i18n scaffolding from the start — the platform serves MENA, South Asia, and Europe; Arabic RTL support is required
  • Own and maintain the frontend CI/CD pipeline: automated lint, test, build, deploy to AWS S3/CloudFront
  • Document all component APIs, usage patterns, and integration guides in the knowledge base

Requirements

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

Nice to have

  • Dashboard builder or no-code/low-code UI composition experience (drag-and-drop widget layout similar to Grafana)
  • PWA patterns for offline-capable field-use interfaces
  • WebGL or Three.js for 3D facility or floor plan visualisation
  • Prior work on SCADA HMI interfaces, BMS dashboards, or industrial monitoring UIs
  • Storybook for component library documentation and visual regression testing
  • 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