Front-End UI Developer

BSL; Doha; On-site; QAR 180,000 - 300,000; Full time

Job summary

BSL seeks an experienced React Front-End UI Developer to build a modern intranet portal called Connect 22. You will translate Figma designs into pixel-perfect React components and integrate them into the SharePoint Framework (SPFx).

You will specialize in scoped CSS Modules, responsive layouts, and Fluent UI for SharePoint Online. Collaboration with the backend team will define props and data bindings for seamless SP list integration.

Qualifications

• 3+ years of professional experience in React (v17/v18) and TypeScript.
• Mandatory: Proven experience with custom UI development for SharePoint or SharePoint Online (SPO).
• 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, touch-target sizing, and mobile WebView constraints in SP Mobile App.

Responsibilities

• Translate Figma designs into pixel-perfect, modular React components.
• Integrate UI code into SharePoint Framework (SPFx) with backend coordination.
• Develop modular, scoped styling using CSS Modules to avoid global leaks.
• Replace HTML inputs with Fluent UI React components for consistency.
• Ensure responsive layouts across desktop, tablet, and mobile viewports.

Job description

We are seeking an experienced React Front-End UI Developer with a proven track record of delivering SharePoint Online (SPO) custom front-end projects to join our team to build "Connect 22," 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.

You will work closely with our Senior SharePoint Online Developer to integrate your custom UI code directly into the SharePoint Framework (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

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.

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.