Full stack engineer

Government-backed Abu Dhabi organization focused on advanced technology R&D (est. 2020), defining strategy, funding, and policies across AI, robotics, and emerging technologies. Oversees the full innovation lifecycle - from research and programs to commercialization - through dedicated applied research, innovation, and venture entities.

The first production system is an AI-enabled operational platform that gives a senior leadership team a shared situational picture, an AI-classified signal feed, a daily AI-generated briefing, and an action accountability tracker. MVP target: operational within two weeks of team formation. The platform is also the technical foundation for all subsequent Data & AI systems across the organization.

Build the dashboard frontend and support the backend integration layer for the DAIO's(Data & AI Office) operational systems. In the near term: a React SPA with four panels (situational posture, live signal feed, daily briefing with approval workflow, and action accountability tracker), role-based views, Azure AD SSO, and a mobile-optimized action update interface. The system must be responsive on mobile, performant under concurrent use, and stable enough to trust under real operational conditions.

• React + TypeScript SPA — four-panel layout: colour-coded posture indicator, live signals feed, briefing with approval workflow, actions tracker with overdue highlighting

• Role-based UI — operational users (read/write on posture and actions, read-only on signals and brief), admin (full write), executive (read-only)

• Azure AD SSO integration — MSAL.js, MFA enforcement, session management

• Action update interface — pick action, set status, optional note, mobile-optimized for one-handed use

• Briefing review and approval UI — editable fields, approval button with confirmation, approval audit display

• Posture transition UI — scenario selector, de-escalation criteria checklist, senior sign-off field

• CI/CD pipeline — GitHub Actions deploying to Azure App Service on merge to main

• Mobile responsiveness — all panels usable on a 390px viewport in field conditions

KEY DECISIONS THIS ROLE OWNS

• Component architecture — which state lives in the component, which in a global store, which is server-side

• API polling vs. WebSocket for live signal feed — based on Azure App Service constraints

• Mobile-first vs. desktop-first layout priority for each panel

• Loading state and error boundary design — what users see when the backend is slow or unavailable

• Accessibility decisions for time-critical interactions (posture change, approval button)

WHAT THIS ROLE DOES NOT DO

• Define API contracts — the Backend Engineers own the spec; the Full Stack Engineers implement against it

• Manage Azure infrastructure — DevOps owns provisioning

• Build the backend API service — full stack here means owning frontend plus integration with an existing API, not building the server

• Write AI prompts or classification logic

• React 18 + TypeScript — hooks, context, component composition

• Tailwind CSS or equivalent — responsive layout, mobile-first design

• MSAL.js — Azure AD authentication in SPAs

• REST API integration — fetch/axios, error handling, loading states

• State management — React Query or Zustand (not Redux unless justified)

• GitHub Actions — frontend build and deploy pipeline to Azure App Service

• Mobile responsiveness — CSS Grid/Flexbox, viewport testing across devices

• Vitest / React Testing Library — component tests for critical UI flows

• PDF export (for approved briefing download)

• WebSocket or SSE (for real-time signal feed if polling is insufficient)

Benefits:

• Paid Vacation
• Hybrid Work (home/office)
• Sick Days
• Sport/Insurance Compensation
• Holidays Day Off
• English Classes
• Training Compensation
• Transportation compensation