UI Architect

Roles & Responsibilities :

React + TypeScript

Key Responsibilities

Frontend Architecture & Engineering

• React JS, TypeScript, React Router, Axios, i18n, JointJS

• Define component architecture, state management patterns, rendering strategies, and UI modularization.

• Architect high-interaction modules such as:

  • Diagram/model editors (JointJS/SVG/Canvas)

  • Workflow/configuration designers

  • Monitoring dashboards

  • Dynamic forms and schema-driven UI

• OpenAPI standards

Backend Collaboration & Technical Depth

• Work closely with backend teams to influence REST API contracts.

• Strong conceptual understanding of backend systems:

  • Java

  • Spring Security

  • Data models, caching concepts

• Ability to reason about backend-frontend flows and recommend API improvements.

Quality, Testing & Automation

• Define and enforce UI engineering standards (linting, folder structure, code quality).

• Set up or guide:

  • Manual functional test practices

  • UI automation strategy using tools like Jest, React Testing Library, Cypress/Playwright

  • API contract validation using OpenAPI-based tools

• Ensure every build meets performance, usability, and reliability gates.

Non-Functional Requirements (NFR) Ownership

• Accountable for UI-level NFRs including:

  • Performance

  • Security

  • Scalability

  • Accessibility & UX consistency

• Work with DevOps teams on CI/CD pipelines for Node.js-based FE runtime and Nginx deployments.

Leadership, Delivery & Collaboration

• Provide architectural guidance to developers and review core modules.

• Engage with product owners, UX, backend, QA, and DevOps teams.

• Maintain architectural documentation and developer guidelines.

• Mentor engineers and drive continuous improvement across the UI team.

Required Skills & Experience

Core Frontend Expertise

• React + TypeScript

• Strong hands-on experience with:

  • React Router, Axios, i18n frameworks

  • JointJS or similar diagramming libraries (GoJS, mxGraph, etc.)

  • Modern bundlers (Webpack, Vite) and Node.js-based build systems

  • State management (Redux, Zustand, Recoil)

Backend & Integration Knowledge

• Java

• Spring Security

• OpenAPI/Swagger

Testing & Quality

• Experience in:

  • UI unit tests and integration tests

  • E2E automation (Cypress/Playwright)

  • API contract testing

• Strong eye for code quality and maintainability.

NFR & Architecture

• Demonstrated experience managing:

  • Application performance

  • Frontend security best practices

  • Scalability and browser resource optimization

  • Large-scale SPA architecture

Soft Skills

• Strong communication and technical storytelling skills.

• Ability to collaborate across cross-functional teams.

• Problem-solving mindset and willingness to be hands-on when required.

Qualifications

Educational qualification:

Experience :

Mandatory/requires Skills :

Preferred Skills :

Additional Information

Exp - 10 to 15 years