Senior Frontend Web Developer - SAP Fiori /SAP UI5

Convo; Islamabad; On-site; PKR 1,800,000 - 3,000,000; Full time

Benefits offered by this job

Medical benefits for you and your 가족

Free lunch

Annual performance-tied increments

Diversity and agile culture

Job summary

Convo is seeking a Frontend Web Developer to own and deliver production web applications, including SAP Fiori standalone apps using XML views, TypeScript and SCSS, along with React and Next.js surfaces.

You will lead UI delivery in an Agile setting, transforming agentic HTML into SAP Fiori components and ensuring clean, reviewable diffs with AI-assisted workflows. Strong TS/JS, SCSS, and API integration are essential.

Qualifications

• 3+ years delivering production frontend applications with ownership.
• Strong TS/JS, SCSS, and React/Next.js experience.
• Experience converting AI-generated HTML designs to SAP Fiori/XML views.

Responsibilities

• Own end-to-end frontend delivery from user stories and acceptance criteria in short Agile cycles.
• Design, build, and maintain SAP Fiori standalone applications using XML views, TypeScript, and SCSS.
• Design, build, and maintain React applications with TypeScript, including Next.js (routing, data fetching, SSR/SSG).
• Consume and integrate OData as the primary data API with typed mapping; use REST where needed.
• Understand microservices and coordinate with backend to avoid duplicating logic on the client.
• Convert agentic HTML designs into SAP Fiori elements and XML views styled with SCSS.
• Apply MERN-stack fluency and manage frontend data access.
• Define and uphold frontend architecture with clear UI/data separation.
• Raise quality with Vitest, Playwright, and rigorous code reviews.
• Drive technical decisions with Backend, QA, Product, and Design; coordinate API changes.
• Use Cursor and AI agents to break work into tasks and verify before merge.

Skills

JavaScript

TypeScript

React

Next.js

SCSS

XML views

OData

REST API integration

MERN depth

Git & code reviews

Education

Bachelor's degree in Computer Science or equivalent

Tools

SAP Fiori / SAPUI5

Cursor AI tools

Playwright

Vitest

Git

Job 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.
• Drive technical decisions with Backend, QA, Product, and Design; coordinate OData metadata/API contract changes with backend.
• Use Cursor and AI agents as a senior practitioner: break work into agent-ready tasks, constrain scope, inspect generated code, verify before merge, and coach the team.

Required Technical Capabilities

Minimum experience: 3+ years in frontend (or full-stack frontend-heavy) delivery, including ownership of production applications.

• Expert JavaScript and TypeScript (modules, async patterns, strong typing, refactoring and modernizing existing codebases).
• SCSS/SASS — modular stylesheets, variables/mixins, theming, and responsive layouts at scale.
• XML views (and fragments) in SAP Fiori / SAPUI5 — must be able to author, structure, and bind XML views.
• Ability to own SAP Fiori standalone applications (XML views, TypeScript + SCSS): routing, controllers/services, and styling.
• Production React at seniority (hooks, composition, state architecture, forms, performance, maintainable component design).
• Next.js in real production projects (routing, data fetching, environment/config, SSR/SSG, build and deploy awareness).
• API integration — designing or consuming HTTP APIs; comfortable reading OpenAPI/Swagger and pushing back on gaps.
• 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 or review filters/aggregations, decide client vs. server responsibility.
• Design conversion from agentic HTML — rebuild AI-generated HTML as Fiori elements and XML views with SCSS.
• Git and senior review practice — feature branches, high-signal PRs, mentoring through code review.
• Agile / rapid delivery — own outcomes across short sprints, changing priorities, incremental shipping.
• Agentic development with Cursor — professional use of AI agents (task scoping, rules/context, reviewing output, not shipping unreviewed AI code).

Preferred Experience

• 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.

Prior SAP/OData experience is not a hiring blocker. Strong TypeScript, SCSS, React/Next.js, APIs, and data skills are.

Expected deliverables / acceptance evidence

• Features ship on schedule, match acceptance criteria, and hold up in production — including SAP Fiori standalone screens as XML views / Fiori elements styled in SCSS.
• Agentic HTML mockups converted into maintainable Fiori XML; SCSS, Fiori patterns, and React components stay consistent for the team to follow.
• API usage is typed, efficient, and honest about loading and error states; calls go to the correct microservice / contract.
• PRs are easy to review; tests cover risky paths; juniors/peers improve from your feedback.
• Cursor/agents used to accelerate work and model production-quality standards for the team.
• Agile, story-driven delivery with contract-aware frontend — API and microservice ownership understood before client workarounds.

Primary Interfaces

Works with Backend/API, Platform/BTP, Mobile, AI Services, QA Automation, Product/Design, and Business Analysis across delivery pods. Frontend owns UI and client integration; OData metadata and API contract changes are coordinated with backend.

What We Have For You

• Great compensation package, medical benefit for you and your family, free lunch, annual performance-tied increments & performance recognition awards and a great lean and agile work culture!
• Convo endorses a culture of diversity in all aspects and aims to build a diverse team of amazing individuals!