UI Architect

Role & responsibilities

React + TypeScript

Key Responsibilities

Frontend Architecture & Engineering

• Own the architecture for a scalable SPA using 

  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
• Ensure clean integration with REST-based backend services following 

  OpenAPI standards

  .

Backend Collaboration & Technical Depth

• Work closely with backend teams to influence REST API contracts.
• Strong conceptual understanding of backend systems:
  

• Java

  , Spring Boot fundamentals

• Spring Security

   principles (authentication, authorization, tokens)
• Data models, caching concepts
• Ability to reason about backendfrontend 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

   (bundle optimization, lazy loading, rendering efficiency)

• Security

   (OWASP, secure coding, input validation, API security alignment)

• Scalability

   (modularization, caching strategy)

• 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

• 10+ years in frontend development, 5+ years in 

  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

• Strong working knowledge of 

  Java

  , REST APIs, Spring Boot concepts.
• Understanding of 

  Spring Security

   essentials (AuthN/AuthZ, JWT, CSRF, OAuth flows).
• Working with 

  OpenAPI/Swagger

   for API design, validation, and integration.

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.

Applying Link - https://smrtr.io/w2VSK