Front-End UI Developer
Description
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).