React UI Developer - Assistant Vice President

📍 Job Overview

Job Title: React UI Developer - Assistant Vice President

Company: Citi

Location: Pune, Maharashtra, India

Job Type: FULL_TIME

Category: Applications Development / Technology

Date Posted: 2026-06-11

Experience Level: 8+ Years

Remote Status: Hybrid

🚀 Role Summary

• Design, develop, and maintain high-quality, responsive, and user-friendly web applications using React.js and its ecosystem.

• Collaborate with back-end developers to integrate front-end applications with Java RESTful APIs, ensuring efficient data exchange and robust error handling.

• Implement pixel-perfect UIs from design mockups and wireframes, ensuring cross-browser compatibility and optimal performance.

• Design and build intuitive user interfaces for modern applications that interact with LLM-powered solutions, including chat interfaces and data visualization.

• Participate in the entire software development lifecycle, from concept and design to testing and deployment, ensuring application scalability, security, and maintainability.

📝 Enhancement Note: While the title is "React UI Developer," the "Assistant Vice President" designation and the 8+ years of experience requirement indicate a senior-level role with potential for technical leadership and significant impact on application architecture and development standards within Citi's technology department. The explicit mention of LLM integration points towards a forward-looking and innovative development environment within a large financial institution.

📈 Primary Responsibilities

• Develop and maintain high-quality, responsive, and user-friendly web applications using React.js, Redux, Context API, and React Router.

• Integrate front-end applications with back-end Java RESTful services, focusing on efficient data exchange and comprehensive error handling strategies.

• Translate design mockups and wireframes into pixel-perfect, cross-browser compatible, and performant UIs.

• Design and build intuitive user interfaces for applications interacting with Large Language Models (LLMs), including chat interfaces, data visualization, and interactive AI outputs.

• Collaborate closely with product managers, UX/UI designers, and other stakeholders to gather requirements and translate them into technical specifications and elegant user experiences.

• Ensure application scalability, security, and maintainability through adherence to coding standards, conducting code reviews, and contributing to architectural discussions.

• Implement and maintain comprehensive unit, integration, and end-to-end tests to guarantee application reliability and quality.

• Optimize front-end performance for speed and responsiveness, addressing load times, rendering efficiency, and interactivity.

• Stay abreast of emerging front-end technologies, React.js advancements, and best practices in UI/UX design, applying new learnings to projects.

• Participate actively in the entire software development lifecycle (SDLC), from initial concept and design through to testing and deployment phases.

📝 Enhancement Note: The responsibilities clearly indicate a senior role requiring not just coding skills but also architectural input, performance optimization, and an understanding of modern AI integrations, specifically LLMs. The emphasis on collaboration and stakeholder management is critical for an AVP-level position in a large enterprise like Citi.

🎓 Skills & Qualifications

Education:

• Bachelor's degree in Computer Science, Software Engineering, or a related field, or equivalent practical experience. Experience:

• 8+ years of professional experience in front-end web development.

• Significant, demonstrable experience specifically with React.js and its core ecosystem. Required Skills:

• Strong proficiency in JavaScript (ES6+), HTML5, and CSS3.

• Experience with modern CSS frameworks or preprocessors such as SASS, styled-components, or Tailwind CSS.

• Demonstrable experience integrating front-end applications with back-end Java RESTful services.

• Familiarity with state management libraries like Redux, Zustand, or the Context API.

• Experience with client-side routing libraries such as React Router.

• Proficiency with version control systems, particularly Git.

• Solid understanding of modern web development build tools, including Webpack or Vite.

• Proven ability to debug complex front-end issues and optimize application performance.

• Excellent problem-solving skills, meticulous attention to detail, and a commitment to writing clean, maintainable code.

• Strong communication and collaboration skills essential for cross-functional teamwork. Preferred Skills:

• Experience designing and building interfaces for AI-powered solutions, including LLM integrations.

• Familiarity with modern UI/UX design principles and best practices.

• Experience with unit, integration, and end-to-end testing frameworks.

• Knowledge of CI/CD pipelines and deployment strategies.

📝 Enhancement Note: The requirement for 8+ years of experience coupled with the AVP title strongly suggests that candidates will be evaluated not only on technical depth but also on their ability to mentor junior developers, contribute to technical strategy, and lead development efforts. The emphasis on LLM integration indicates a need for forward-thinking developers who can adapt to emerging technologies within the financial sector.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase projects demonstrating robust React.js development, highlighting complex UI components, state management, and API integrations.

• Include examples of responsive design implementation across various devices and screen resolutions.

• Present case studies of UI optimization efforts, detailing performance improvements and methodologies used.

• Demonstrate experience integrating with back-end services, ideally Java RESTful APIs, with examples of data handling and error management.

• For candidates with LLM experience, include projects that illustrate interaction with AI models, such as chat interfaces or data visualization of AI outputs. Process Documentation:

• Be prepared to discuss the software development lifecycle (SDLC) processes followed in previous roles, focusing on agile methodologies.

• Detail your approach to code reviews, testing strategies (unit, integration, E2E), and quality assurance.

• Explain your methods for performance optimization, including profiling and debugging techniques.

• Describe your experience with build tools (Webpack, Vite) and version control (Git) in collaborative development environments.

📝 Enhancement Note: For a senior role at this level, a portfolio should not just contain code samples but should also articulate the "why" and "how" behind the technical decisions. Candidates should be ready to discuss the impact of their work, the challenges they overcame, and the specific processes they employed to achieve successful outcomes, particularly concerning performance and integration.

💵 Compensation & Benefits

Salary Range:

Given the Assistant Vice President title, 8+ years of experience, and the location in Pune, India, a competitive salary range for a React UI Developer would typically fall between INR 20,00,000 to INR 35,00,000 per annum. This estimate is based on industry benchmarks for senior software engineers in major Indian IT hubs like Pune, considering the specialized skills in React and the financial services sector. The exact compensation will depend on the candidate's specific experience, skill set, and performance during the interview process.

Benefits:

• Comprehensive health insurance coverage for employees and dependents.

• Retirement savings plans and provident fund contributions.

• Paid time off, including vacation days, sick leave, and public holidays.

• Opportunities for professional development, including training, certifications, and conference attendance.

• Performance-based bonuses and incentives.

• Access to Citi's global network of resources and employee networks.

• Potential for flexible work arrangements and hybrid work model.

• Employee assistance programs for well-being and personal support. Working Hours:

• Standard full-time employment, typically 40 hours per week.

• The role is designated as Hybrid, suggesting a balance between remote work and in-office presence. Specific in-office days will likely be determined by team needs and management guidance.

📝 Enhancement Note: The estimated salary range is derived from publicly available data for senior React developers in Pune and adjusted for the AVP title, which often commands a premium. Citi, as a major global financial institution, is expected to offer a robust benefits package designed to attract and retain top talent, including comprehensive health, retirement, and professional development benefits.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services / Technology. Citi operates within the global financial services industry, leveraging cutting-edge technology to deliver banking, lending, and investment services worldwide. This role is situated within the technology division, which is critical for innovation and operational efficiency.

Company Size: Citi is a large, multinational corporation with tens of thousands of employees globally. This scale offers extensive opportunities for career growth, exposure to diverse projects, and access to a vast network of expertise. For operations professionals, this means working within structured environments that prioritize compliance, security, and robust processes.

Founded: 1812. With a long and rich history, Citi has a deep understanding of market dynamics and a commitment to long-term stability and innovation. This legacy informs a culture that values experience, strategic foresight, and continuous adaptation to technological advancements.

Team Structure:

• The React UI Developer will likely be part of a larger Applications Development team, potentially within a specific business unit or technology function. This team is expected to be composed of diverse roles including back-end developers, QA engineers, product owners, and UX/UI designers.

• Reporting structure will be hierarchical, with the Assistant Vice President likely reporting to a Vice President or Director overseeing application development for a specific domain.

• Cross-functional collaboration is essential, requiring close partnerships with Java back-end teams, product management, and design to ensure seamless integration and user experience. Methodology:

• Data Analysis and Insights: A data-driven approach is paramount in financial services. Expect to work with metrics related to user engagement, application performance, and business impact.

• Workflow Planning and Optimization: Agile methodologies (e.g., Scrum, Kanban) are standard. Emphasis will be placed on efficient workflow design, continuous integration, and delivery (CI/CD).

• Automation and Efficiency Practices: Automation of testing, deployment, and routine tasks is expected to drive efficiency and reduce manual errors.

Company Website: https://www.citi.com/

📝 Enhancement Note: As a global financial institution, Citi's technology teams operate under stringent regulatory requirements, emphasizing security, compliance, and robust quality assurance. The culture likely blends innovation with a strong adherence to established processes and risk management. The AVP title suggests a role with significant responsibility in guiding technical direction and ensuring alignment with broader organizational goals.

📈 Career & Growth Analysis

Operations Career Level: This role is at a senior developer level, designated as Assistant Vice President (AVP). This position signifies a strong technical foundation with an expectation of leadership, mentorship, and strategic contribution to development initiatives. It's a stepping stone towards more senior technical or managerial roles within Citi's technology division.

Reporting Structure: The React UI Developer will report to a higher-level manager (e.g., VP, Director) within the Technology department. They will also work collaboratively with peers across development teams, product management, and design, contributing to project-specific teams.

Operations Impact: The primary impact of this role is on the user experience and front-end performance of critical financial applications. By developing intuitive and efficient UIs, the developer directly influences customer satisfaction, operational efficiency, and the adoption of new technologies like LLMs within Citi's product offerings. High-quality development also contributes to system stability and reduces operational risks.

Growth Opportunities:

• Technical Specialization: Deepen expertise in React.js, front-end architecture, and emerging UI technologies, potentially becoming a subject matter expert or principal engineer.

• LLM Integration Expertise: Develop specialized skills in integrating AI and LLMs into user interfaces, a rapidly growing field in finance.

• Leadership and Mentorship: Progress into roles with team lead responsibilities, mentoring junior developers, and guiding technical decisions for projects.

• Cross-functional Mobility: Gain exposure to different areas of technology within Citi, potentially moving into roles focused on architecture, product management, or broader enterprise technology strategy.

• Management Track: For those inclined towards management, there are pathways to move into engineering management roles, overseeing teams and project portfolios.

📝 Enhancement Note: The AVP title at this experience level is a significant indicator of potential. Citi often provides structured career paths, and this role offers ample opportunities to grow both technically and professionally. Candidates should be prepared to discuss their long-term career aspirations and how this role aligns with them.

🌐 Work Environment

Office Type: The role is designated as Hybrid, indicating a blend of remote work and in-office presence at Citi's Pune facility. This model aims to balance the flexibility of remote work with the benefits of in-person collaboration and team building.

Office Location(s): The primary location is specified as "TOWER B, EON FREE ZONE II" in Pune, Maharashtra, India. This suggests a modern, potentially large-scale office environment common in IT hubs.

Workspace Context:

• Collaborative Environment: Expect an office designed to foster teamwork, with meeting rooms, common areas, and open-plan workspaces to encourage interaction among developers, designers, and product managers.

• Tools and Technology: Access to high-performance workstations, reliable network infrastructure, and the necessary software licenses to support development activities. The company likely provides standardized development tools and platforms.

• Team Interaction: Regular team meetings, stand-ups, and brainstorming sessions will be part of the daily routine, facilitating communication and problem-solving. Work Schedule:

• The standard work schedule is likely 9 AM to 5 PM or similar, with a 40-hour work week.

• Hybrid arrangements mean specific days in the office will be communicated by the hiring manager, often to facilitate team collaboration, crucial meetings, or specific project phases.

📝 Enhancement Note: The hybrid nature of the role requires self-discipline and effective communication, whether working remotely or in the office. Candidates should be comfortable with a structured work environment that balances individual productivity with team collaboration and adherence to company policies.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or HR representative will likely conduct an initial screening to assess basic qualifications, experience, and cultural fit. Be prepared to briefly articulate your career path and interest in the role.

• Technical Assessment: Expect one or more technical interviews focusing on React.js, JavaScript fundamentals, CSS, and problem-solving. This may include live coding exercises, algorithm challenges, or in-depth discussions about past projects.

• System Design / Architectural Discussion: For an AVP-level role, there will be discussions around system design, architectural patterns, and how to build scalable and maintainable applications. Be ready to discuss trade-offs and best practices.

• LLM Integration Discussion: Given the job description, expect questions about your experience or understanding of integrating AI/LLMs into user interfaces, including potential challenges and solutions.

• Behavioral and Situational Interviews: Questions assessing your leadership potential, collaboration skills, problem-solving approach, and how you handle challenging situations. Prepare examples using the STAR method.

• Hiring Manager Interview: A final interview with the hiring manager to discuss team dynamics, role expectations, and overall fit.

Portfolio Review Tips:

• Curate Selectively: Showcase 3-5 of your most relevant and impactful projects that demonstrate proficiency in React.js, integration with APIs, and ideally, experience with modern CSS and LLM interactions.

• Highlight Impact: For each project, clearly articulate the problem you solved, your specific role and contributions, the technologies used, and the measurable outcomes (e.g., performance improvements, user satisfaction gains, efficiency increases). Use metrics wherever possible.

• Code Quality: Ensure any code samples or links to live projects are clean, well-documented, and follow best practices. A GitHub repository with well-organized projects is highly recommended.

• LLM Integration Focus: If you have LLM-related projects, explicitly detail your approach to managing prompts, handling responses, and designing user interactions that leverage AI capabilities.

• Presentation Readiness: Be prepared to walk through your portfolio during an interview, explaining your design choices, technical decisions, and the impact of your work.

Challenge Preparation:

• Live Coding: Practice coding challenges on platforms like LeetCode or HackerRank, focusing on data structures, algorithms, and JavaScript problem-solving.

• React Component Design: Prepare to design and implement complex React components, considering state management, props drilling, and performance optimization.

• API Integration Scenarios: Be ready to discuss how you would integrate a front-end application with a given API, including error handling, loading states, and data transformation.

• System Design Questions: Practice designing scalable front-end architectures, considering factors like performance, security, maintainability, and user experience. Think about how to handle large-scale data visualization or complex chat functionalities.

📝 Enhancement Note: For an AVP role, the interview process will be rigorous. Candidates should demonstrate not only strong technical skills but also strategic thinking, leadership potential, and a clear understanding of how their work contributes to Citi's business objectives. A well-prepared portfolio that showcases impact and process is crucial.

🛠 Tools & Technology Stack

Primary Tools:

• React.js: The core JavaScript library for building user interfaces.

• JavaScript (ES6+): Essential for modern web development practices.

• HTML5 & CSS3: Fundamental for web structure and styling.

• State Management: Redux, Zustand, Context API for managing application state effectively.

• Routing: React Router for managing navigation within single-page applications.

• CSS Frameworks/Preprocessors: SASS, styled-components, Tailwind CSS for efficient and maintainable styling.

Analytics & Reporting:

• LLM Integration Tools: Libraries or APIs for interacting with Large Language Models (e.g., OpenAI API, custom LLM interfaces).

• Performance Monitoring Tools: Browser developer tools, Lighthouse, WebPageTest for analyzing and optimizing front-end performance.

• Analytics Platforms: Potentially tools used by Citi for user behavior tracking and application performance monitoring (specifics may vary).

CRM & Automation:

• Version Control: Git is essential for collaborative development and code management.

• Build Tools: Webpack, Vite for bundling, transpiling, and optimizing front-end assets.

• Testing Frameworks: Jest, React Testing Library for unit and integration tests; Cypress or Playwright for end-to-end tests.

• Java RESTful APIs: Experience interacting with these services is a key requirement.

📝 Enhancement Note: Proficiency in the core React ecosystem is non-negotiable. The mention of LLMs points to an evolving tech stack, and candidates with experience in this area will be highly valued. Familiarity with build tools, testing frameworks, and version control is standard for senior roles in enterprise environments.

👥 Team Culture & Values

Operations Values:

• Customer Focus: Prioritizing the user experience and delivering intuitive, reliable applications that meet the needs of Citi's clients and internal users.

• Innovation: Encouraging the exploration and adoption of new technologies, such as LLMs, to enhance product offerings and operational efficiency.

• Collaboration: Fostering a team-oriented environment where knowledge sharing and mutual support are valued across development, design, and product teams.

• Quality & Excellence: A commitment to high standards in code quality, performance, security, and maintainability, reflecting Citi's reputation in the financial industry.

• Integrity & Accountability: Upholding ethical standards and taking ownership of responsibilities, crucial in the highly regulated financial sector.

Collaboration Style:

• Cross-functional Integration: Actively engaging with back-end developers, product managers, and UX/UI designers to ensure seamless integration of front-end components and alignment with business objectives.

• Agile & Iterative: Working within agile frameworks, participating in regular stand-ups, sprint planning, and retrospectives to ensure continuous improvement and adaptability.

• Code Review Culture: Participating in and providing constructive feedback during code reviews to maintain code quality and share knowledge.

• Knowledge Sharing: Contributing to team knowledge bases, documentation, and potentially informal sessions to disseminate expertise on React, LLM integration, and best practices.

📝 Enhancement Note: Citi, as a large financial institution, likely emphasizes a culture of professionalism, integrity, and continuous improvement. For an AVP role, demonstrating an ability to embody these values and foster them within a team is important. The emphasis on LLM integration suggests a balance between embracing innovation and maintaining rigorous standards.

⚡ Challenges & Growth Opportunities

Challenges:

• Integrating LLMs: Navigating the complexities of integrating LLMs into enterprise applications, including managing response latency, ensuring data privacy, and designing user-friendly interactions for AI-generated content.

• Scalability & Performance: Maintaining high performance and scalability for applications used by a large customer base, especially as new features and integrations are added.

• Complex Financial Domain: Understanding and translating intricate financial requirements and regulations into user-friendly interfaces.

• Legacy System Integration: Potentially working with or integrating components of established legacy systems, requiring careful planning and robust solutions.

Learning & Development Opportunities:

• Advanced React & Front-end Architecture: Opportunities to deepen expertise in advanced React patterns, state management solutions, and front-end architectural best practices.

• AI and LLM Specialization: Gaining hands-on experience and specialized knowledge in integrating AI technologies into financial products, a high-demand skill set.

• Leadership and Mentorship Programs: Access to training and development programs focused on leadership, team management, and technical mentorship.

• Industry Conferences & Certifications: Support for attending relevant technology conferences and pursuing professional certifications to stay current with industry trends.

📝 Enhancement Note: The challenges presented are typical for a senior developer role in a large, innovative financial institution. The growth opportunities are substantial, offering a clear path for career advancement and skill diversification, particularly in the rapidly evolving field of AI integration.

💡 Interview Preparation

Strategy Questions:

• Technical Strategy: "Describe your approach to designing a scalable and performant React UI for a complex financial application. How would you handle state management, component reusability, and API integrations?" Focus on architectural patterns, performance considerations, and modular design.

• LLM Integration Strategy: "How would you design a user interface for interacting with a Large Language Model that provides financial advice? What are the key considerations for prompt engineering, response handling, and user trust?" Be prepared to discuss UI patterns for AI, error handling, and user feedback mechanisms.

• Problem-Solving: "Imagine a scenario where users report slow loading times on a critical feature. Walk me through your process for diagnosing and resolving this issue." Emphasize systematic debugging, performance profiling tools, and data-driven decision-making.

Company & Culture Questions:

• Company Alignment: "Why are you interested in working for Citi, and specifically in this AVP React UI Developer role? How do your skills and career goals align with Citi's mission and technological direction?" Research Citi's recent technological initiatives and values.

• Team Collaboration: "Describe a time you had to collaborate with a challenging stakeholder or a difficult team member. How did you navigate the situation to achieve a positive outcome?" Prepare examples demonstrating strong communication and conflict resolution skills.

• Impact Measurement: "How do you measure the success of your UI development work? What metrics are most important to you, and how do you tie them back to business objectives?" Discuss KPIs related to user experience, performance, and adoption.

Portfolio Presentation Strategy:

• Storytelling: For each project, frame it as a narrative: the problem, your solution, your specific contributions, the technologies used, and the quantifiable impact.

• Technical Depth: Be prepared to dive deep into the technical details of your code, architectural decisions, and problem-solving approaches. Explain why certain technologies or patterns were chosen.

• LLM Experience Emphasis: If you have LLM projects, dedicate specific time to explaining the nuances of integrating AI, the challenges encountered, and the innovative solutions you implemented.

• Interactive Demonstration: If possible, prepare a live demo or a well-annotated walkthrough of a key project, highlighting specific features and technical implementations.

📝 Enhancement Note: For an AVP role, the interview will assess not only technical prowess but also strategic thinking, leadership potential, and cultural fit. Demonstrating an understanding of Citi's business context and demonstrating a proactive, problem-solving mindset will be key. The portfolio review will be a critical component, requiring candidates to articulate their contributions and impact clearly and concisely.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided link on the Citi careers portal.

• Tailor Your Resume: Ensure your resume highlights your 8+ years of React.js experience, specific contributions to UI development, experience with Java RESTful APIs, and any relevant LLM integration projects. Use keywords from the job description.

• Prepare Your Portfolio: Curate 3-5 impactful projects. For each, be ready to explain the problem, your solution, your role, the technologies used, and the measurable results. Focus on demonstrating your expertise in React, performance optimization, and any AI/LLM interaction.

• Practice for Technical Interviews: Review JavaScript fundamentals, React concepts, CSS best practices, and common data structures/algorithms. Prepare to discuss your approach to debugging and performance tuning.

• Research Citi: Understand Citi's business, its technological focus, and its values. Prepare to articulate why you are a good fit for the company culture and the specific role.

• Prepare Behavioral Examples: Use the STAR method to prepare concise examples for common behavioral questions related to teamwork, problem-solving, leadership, and handling challenges.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.