Front-End UI Developer

<div style="margin-top:0px"><span lang="EN-US"><span class="font" style="font-family:arial, helvetica, sans-serif, sans-serif"><span class="size" style="font-size:16px">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.</span><span class="size" style="font-size:16px"><br></span></span></span><span class="size" style="font-size:16px"><br></span><b><span lang="EN-US"><span class="font" style="font-family:arial, helvetica, sans-serif, sans-serif"><span class="size" style="font-size:16px">Key Responsibilities</span></span></span></b><ul style="margin-top:0cm"><li style=""><span lang="EN-US"><span class="font" style="font-family:arial, helvetica, sans-serif, sans-serif"><span class="size" style="font-size:16px">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.</span></span></span></li></ul><ul style="margin-top:0cm"><li style=""><span lang="EN-US"><span class="font" style="font-family:arial, helvetica, sans-serif, sans-serif"><span class="size" style="font-size:16px">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.</span></span></span></li></ul><ul style="margin-top:0cm"><li style=""><span lang="EN-US"><span class="font" style="font-family:arial, helvetica, sans-serif, sans-serif"><span class="size" style="font-size:16px">Modern UI Controls: Replace generic HTML inputs with

Microsoft’s Fluent UI React components to ensure seamless rendering.</span></span></span></li></ul><ul style="margin-top:0cm"><li style=""><span lang="EN-US"><span class="font" style="font-family:arial, helvetica, sans-serif, sans-serif"><span class="size" style="font-size:16px">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).</span></span></span></li></ul><ul style="margin-top:0cm"><li style=""><span lang="EN-US"><span class="font" style="font-family:arial, helvetica, sans-serif, sans-serif"><span class="size" style="font-size:16px">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.</span></span></span></li></ul></div><div><span style="font-size:12pt; line-height:115%; font-family:&quot;Aptos&quot;, sans-serif" lang="EN-US"><span class="font" style="font-family:arial, helvetica, sans-serif, sans-serif"><span class="size" style="font-size:16px">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</span></span></span><span class="font" style="font-family:arial, helvetica, sans-serif, sans-serif"><span class="size" style="font-size:16px"><br></span></span></div><div><span class="font" style="font-family:arial, helvetica, sans-serif, sans-serif"><br></span></div><div><span class="font" style="font-family:arial, helvetica, sans-serif, sans-serif"><br></span></div><div><br></div><br><h3>Requirements</h3><div><ul style="margin-top:0cm"><li style=""><span lang="EN-US"><span class="font" style="font-family:arial, helvetica, sans-serif, sans-serif"><span class="size" style="font-size:16px">3+ years of professional experience in React (v17/v18) and

TypeScript.</span></span></span></li></ul><ul style="margin-top:0cm"><li style=""><span lang="EN-US"><span class="font" style="font-family:arial, helvetica, sans-serif, sans-serif"><span class="size" style="font-size:16px">Mandatory: Proven experience working on custom UI development

for SharePoint or SharePoint Online (SPO) projects.</span></span></span></li></ul><ul style="margin-top:0cm"><li style=""><span lang="EN-US"><span class="font" style="font-family:arial, helvetica, sans-serif, sans-serif"><span class="size" style="font-size:16px">Strong expertise in HTML5, SCSS/CSS Grid/Flexbox, and CSS

Modules.</span></span></span></li></ul><ul style="margin-top:0cm"><li style=""><span lang="EN-US"><span class="font" style="font-family:arial, helvetica, sans-serif, sans-serif"><span class="size" style="font-size:16px">Deep familiarity with the Fluent UI React framework (v8/v9).</span></span></span></li></ul></div><div><span style="font-size:12pt; line-height:115%; font-family:&quot;Aptos&quot;, sans-serif" lang="EN-US"><span class="font" style="font-family:arial, helvetica, sans-serif, sans-serif"><span class="size" style="font-size:16px">Solid understanding of responsive design best

practices, touch-target sizing, and mobile WebView constraints inside the

native SharePoint Mobile App</span></span></span><br></div><br>