Front-End UI Developer

BAE Systems Strategic Aerospace Services WLL; Doha; On-site; QAR 328,000 - 473,000; Part time

Job summary

BAE Systems Strategic Aerospace Services WLL is seeking an experienced React Front-End UI Developer to translate Figma designs into pixel-perfect, responsive components for SharePoint Online (SPO). You will integrate with SPFx and collaborate with a backend developer to feed SharePoint list data into a custom UI.

The role requires strong expertise in React, TypeScript, HTML5, SCSS/CSS Grid/Flexbox, CSS Modules, and Fluent UI React, with a mobile-first approach for intranet portals.

Qualifications

• 3+ years of professional experience in React (v17/v18) and TypeScript.
• Proven experience on custom UI development for SharePoint or SharePoint Online (SPO) projects.
• Strong expertise in HTML5, SCSS/CSS Grid/Flexbox, and CSS Modules.
• Deep familiarity with the Fluent UI React framework (v8/v9).

Responsibilities

• Translate Figma layouts into pixel-perfect React components using TypeScript for SPO.
• Write modular, scoped SCSS with CSS Modules to isolate styles from SharePoint's styling.
• Replace HTML inputs with Fluent UI React components for consistent UI.
• Build responsive layouts for desktop, tablet, and mobile across browsers.
• Coordinate with backend to define component props and data binding for SharePoint lists.

Skills

React

TypeScript

SharePoint/SPO

HTML5

SCSS/CSS Grid & Flexbox

CSS Modules

Fluent UI React

Responsive Web Design

Tools

Fluent UI React

SharePoint Framework (SPFx)

Job description

BAE Systems Strategic Aerospace Services WLL | Temporary

We are seeking an experienced ReactFront-End UI Developer with a proven track record of delivering SharePointOnline (SPO) custom front-end projects to join our team to build "Connect22," our brand-new, customized modern intranet portal. In this role, you will be responsible for translating Figma designs into pixel-perfect, highly responsive, and modular React components.

Key Responsibilities

• Figma-to-SPO React Conversion: Translate Figma layouts (including the Homepage, News, Org Chart, and Directory) into clean, production-ready React functional components using TypeScript, maintaining flexibility to adapt to minor visual adjustments.

• Modular, Scoped Styling: Write maintainable, clean SCSS using CSS Modules ([ComponentName].module.scss) to ensure custom styles are completely isolated and never leak or conflict with SharePoint Online's global out-of-the-box styling.

• Modern UI Controls: Replace generic HTML inputs with Microsoft's Fluent UI React components to ensure seamless rendering.

• Mobile-First & Responsive Web Design: Build fluid, flexible layouts (flexbox/grid) that render flawlessly across desktop, tablet, and small mobile viewports (Safari, Chrome, and the native SharePoint Mobile App).

• SharePoint Integration Handshake: Coordinate directly with the backend developer to define TypeScript component props and data-binding structures to seamlessly feed SharePoint list data into your custom UI.

You will work closely with our Senior SharePointOnline Developer to integrate your custom UI code directly into the SharePointFramework (SPFx) and accommodate minor iterative design updates as the project progresses. You must be an expert in scoped CSS modules, responsive web design, and developing custom interfaces specifically tailored for deployment inside modern SharePoint Online.

Requirements

• 3+ years of professional experience in React (v17/v18) and TypeScript.
• Mandatory: Proven experience working on custom UI development for SharePoint or SharePoint Online (SPO) projects.
• Strong expertise in HTML5, SCSS/CSS Grid/Flexbox, and CSS Modules.
• Deep familiarity with the Fluent UI React framework (v8/v9).

Solid understanding of responsive design best practices, touch-target sizing, and mobile WebView constraints inside the native SharePoint Mobile App