Senior Frontend Engineer

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 ⚑ REMOTE DISCIPLINE

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