Search by job, company or skills

flatgigs

IoT - Senior Frontend Engineer

5-8 Years
Save
new job description bg glownew job description bg glownew job description bg svg
  • Posted 19 hours ago
  • Be among the first 10 applicants
Early Applicant

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

  • 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

More Info

Job Type:
Industry:
Function:
Employment Type:

About Company

Job ID: 146821759

Similar Jobs