Senior Frontend Web Developer - SAP Fiori /SAP UI5
Senior frontend developer owning end-to-end delivery of production web apps at Convo: SAP Fiori standalone applications (XML views, TypeScript, SCSS) plus React/Next.js surfaces, consuming OData/REST microservices. Also sets engineering standards, reviews code, and uses AI-agentic workflows (Cursor) professionally.
- Compensation
- Not disclosed
- Location
- Islamabad, Punjab Province and Federal Capital Territory (ICT)
- Work setup
- Not specified
- Seniority
- Senior
- Employment
- Contract
- Experience
- 3+ years
- Category
- Frontend
- Posted
Skills
Must have
- 3+ years frontend (or full-stack frontend-heavy) delivery, including ownership of production applications
- Expert JavaScript and TypeScript (modules, async patterns, strong typing, refactoring)
- SCSS/SASS — modular stylesheets, variables/mixins, theming, responsive layouts at scale
- Author, structure, and bind XML views (and fragments) in SAP Fiori / SAPUI5
- Own SAP Fiori standalone applications (XML views, TypeScript + SCSS): routing, controllers/services, styling
- Production React at seniority (hooks, composition, state architecture, forms, performance)
- Next.js in real production projects (routing, data fetching, SSR/SSG, build and deploy awareness)
- API integration — designing/consuming HTTP APIs, reading OpenAPI/Swagger
- Microservices frontend consumption — service boundaries, ownership, gateway and OData/REST per domain
- MERN (or equivalent) stack — Node.js, Express (or similar), MongoDB or another document/SQL store
- Databases and queries — read schemas, write/review filters/aggregations, decide client vs server responsibility
- Convert agentic-generated HTML into Fiori elements and XML views styled with SCSS
- Git and senior review practice — feature branches, high-signal PRs, mentoring via code review
- Agile / rapid delivery — owning outcomes across short sprints and changing priorities
- Agentic development with Cursor — professional use of AI agents with task scoping and output review
Nice to have
- Prior SAP Fiori / SAPUI5 / OpenUI5 delivery (standalone apps, fragments, JSONModel, Fiori design guidelines)
- OData (v2 or v4) as a consumer: filtering, expand, select, paging, metadata-driven UIs
- SAP BTP or comparable enterprise PaaS (auth, destinations, multi-app landscapes)
- OAuth 2.0 / PKCE in browser applications
- Component libraries (MUI or similar), Vite, and Web Components
- i18n, accessibility (WCAG), and design-system discipline (including Fiori theming)
- CI ownership (Vitest, QUnit/OPA5, Playwright, typecheck, lint, coverage gates) and frontend performance profiling
Full description
About the Role
We are hiring a Frontend Web Developer to own and deliver production web applications, including SAP Fiori standalone applications using TypeScript and SCSS, alongside React and Next.js surfaces.
This responsibility centers on leading UI delivery within a fast-paced, Agile environment: turn agentic-generated HTML designs into SAP Fiori (XML views, Fiori elements/controls) styled with SCSS; consume microservices via OData (and REST where needed); and work comfortably with data (schemas, queries, and client-side mapping). You should be expert in JavaScript and TypeScript, XML views, SCSS, production React, and Next.js, with enough full-stack / MERN depth to reason about APIs, microservice boundaries, and databases rather than treating the backend as a black box.
This is a hands-on technical role responsible for setting engineering standards across architecture, code quality, and peer reviews. Success requires the professional application of AI-assisted, agentic development workflows (specifically using tools like Cursor). Candidates must demonstrate proficiency in executing scoped tasks, generating clean, reviewable diffs, and applying rigorous code verification, moving far beyond basic chat-window copy-pasting.
Key responsibilities
- Own end-to-end frontend delivery from user stories and acceptance criteria in short Agile cycles; unblock others and keep quality high under rapid iteration.
- Design, build, and maintain SAP Fiori standalone applications using XML views, TypeScript, and SCSS (fragments, controllers/services, theming, and responsive layouts).
- Design, build, and maintain React applications with TypeScript, including Next.js (routing, data fetching, SSR/SSG, API routes or BFF patterns as needed).
- Consume and integrate OData as the primary data API (v2/v4): $filter, $expand, $select, $orderby, paging, $count, and metadata-driven UI; auth-aware clients, error handling, loading/empty/error states, and typed mapping. Use REST where a non-OData endpoint is required.
- Understand microservices and consume them correctly from the frontend: identify service ownership, route through gateway vs. domain API, avoid duplicating backend logic on the client, and coordinate contract/metadata gaps with backend.
- Convert agentic-generated HTML designs into SAP Fiori elements and XML views, implemented and themed with SCSS — restructure raw HTML into proper Fiori controls, fragments, and layouts.
- Apply MERN-stack fluency: Node/Express-style APIs, MongoDB or equivalent data stores, and writing or reviewing queries for efficient data fetching.
- Define and uphold frontend architecture: Fiori MVC layers and React patterns (components, hooks, OData/API modules), with a clear split between UI and data access.
- Raise the quality bar: Vitest, QUnit/OPA5, Sinon, Playwright, and Node.js test runner for critical logic and user flows; meaningful code reviews; mentoring on standards and agentic workflows.