Front Developer React UI - Credit Risk Tech -Assistant Vice President

📍 Job Overview

Job Title: Front Developer React UI - Credit Risk Tech - Assistant Vice President

Company: Citi

Location: Irving, Texas, United States

Job Type: Full-time

Category: Frontend Development / Financial Technology

Date Posted: April 24, 2026

Experience Level: 5-10 Years

Remote Status: On-site

🚀 Role Summary

• Spearhead the design, development, and implementation of complex, high-performance user interfaces using React.js, TypeScript, HTML5, and CSS for critical financial risk management systems.

• Drive innovation by exploring, experimenting with, and integrating cutting-edge AI tools and techniques (e.g., Generative UI, intelligent component suggestion) into the UI development lifecycle to enhance user efficiency and deliver next-generation experiences.

• Contribute to the architectural design of frontend systems, ensuring adherence to best practices, performance standards, and robust security requirements within the financial technology domain.

• Collaborate closely with cross-functional teams, including product managers, UX designers, and backend developers, to deliver seamless, integrated user experiences for sales, trading, and risk operations personnel.

• Mentor junior developers, sharing expertise in React best practices, AI integration strategies, and overall frontend development excellence within a large-scale enterprise environment.

📝 Enhancement Note: This role, while titled "Front Developer," operates at an Assistant Vice President level, indicating significant responsibility, potential for technical leadership, and strategic involvement in the application's architecture and AI integration roadmap. The focus on Credit Risk Tech within Citi suggests a need for robust, secure, and highly performant applications dealing with sensitive financial data.

📈 Primary Responsibilities

• Design, develop, and implement sophisticated and highly performant user interfaces using React.js, TypeScript, HTML5, and modern CSS frameworks.

• Build and maintain reusable components and libraries, ensuring consistency, maintainability, and scalability across a suite of financial applications.

• Optimize frontend applications for maximum speed and scalability, focusing on efficient handling of large datasets, complex visualizations, and real-time financial data streams.

• Research, prototype, and integrate AI/ML tools and techniques into the UI development workflow, such as generative AI for component creation, predictive layouts, or personalized user experiences.

• Translate intricate business requirements from stakeholders in risk management, trading, and operations into elegant, user-friendly, and technically sound frontend solutions.

• Actively participate in code reviews, providing constructive feedback to ensure code quality, performance, architectural integrity, and adherence to established coding standards.

• Develop comprehensive unit, integration, and end-to-end tests to guarantee the reliability, stability, and robustness of frontend applications.

• Contribute to the continuous integration and continuous deployment (CI/CD) pipelines, automating the deployment of frontend applications to various environments.

• Collaborate with UX designers to ensure a superior user experience, focusing on intuitive navigation, data accessibility, and effective information presentation for complex financial data.

• Provide technical guidance and mentorship to junior developers, fostering their growth in React development, AI integration, and best practices for enterprise-level applications.

📝 Enhancement Note: The responsibilities clearly emphasize a hands-on development role with a strong architectural component, especially concerning performance and scalability for financial data. The explicit mention of AI integration highlights a forward-thinking approach to UI development, requiring candidates to be experimental and innovative.

🎓 Skills & Qualifications

Education:

Experience:

• A minimum of 5 years of progressive hands-on experience in professional frontend software development.

Required Skills:

• Expert proficiency in React.js, with a deep understanding of its lifecycle, state management, and component-based architecture.

• Strong command of TypeScript and modern JavaScript (ES6+), ensuring robust and maintainable code.

• Advanced proficiency in HTML5 and modern CSS (including preprocessors like Sass, and CSS-in-JS solutions like Styled Components).

• Demonstrable experience or a strong practical understanding of applying AI/ML techniques or tools to UI development, such as:

  • Generative AI for UI component creation or layout suggestion.
  • Machine learning for user behavior prediction and interface personalization.
  • AI-assisted design tools or intelligent automation in the UI development workflow.

• Proven ability to build robust, high-performance, and large-scale web applications, particularly those involving complex data visualization and interactive financial dashboards.

• Familiarity with designing and consuming RESTful APIs and managing asynchronous request handling effectively.

• Experience with version control systems, primarily Git, and a solid understanding of its branching and merging workflows.

• Proficiency in agile development methodologies, including Scrum or Kanban, for iterative development and delivery.

• Excellent analytical, problem-solving, and debugging skills, with a meticulous attention to detail.

Preferred Skills:

• Prior experience within the financial services industry, especially in credit risk, counterparty risk management, trading platforms, or related domains.

• Solid understanding of UX/UI design principles, user-centered design methodologies, and web accessibility standards (WCAG).

• Experience with micro-frontend architectures and their implementation strategies.

• Familiarity with cloud platforms such as AWS, Azure, or GCP, and their frontend deployment services.

• Experience with containerization technologies like Docker and orchestration tools like Kubernetes.

• A strong portfolio of personal projects, contributions to open-source projects, or a GitHub profile showcasing advanced React development and innovative AI-UI integrations.

📝 Enhancement Note: The emphasis on AI integration in UI development is a key differentiator. Candidates should be prepared to showcase specific examples or a clear understanding of how they would approach this, even if their direct experience is limited. The "Assistant Vice President" title suggests that leadership potential and architectural thinking are as important as pure coding skills.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase of complex, data-intensive web applications developed using React.js, highlighting performance optimization techniques.

• Examples of reusable component libraries or design systems built for scalability and maintainability.

• Case studies demonstrating the application of AI/ML principles or tools to enhance UI functionality, user experience, or development efficiency.

• Projects that illustrate experience with modern frontend tooling, build processes, and CI/CD integration.

Process Documentation:

• Evidence of involvement in architectural discussions and decision-making for frontend systems.

• Examples of how requirements were translated into technical designs and user-facing features.

• Documentation or explanation of testing strategies employed, including unit, integration, and end-to-end testing frameworks.

• Contributions to or understanding of CI/CD pipelines for frontend application deployment and management.

• Process for code reviews, feedback incorporation, and adherence to coding standards.

📝 Enhancement Note: For a role at this level, a portfolio should not just be a collection of projects, but a demonstration of strategic thinking, problem-solving capabilities, and an understanding of enterprise-level development processes, particularly concerning performance, scalability, and emerging technologies like AI.

💵 Compensation & Benefits

Salary Range: $107,120 - $160,680 USD per year This range is provided based on the primary location (Irving, Texas) and the specified experience level (5-10 years) and job level (Assistant Vice President) for a Front Developer role in the financial technology sector. It aligns with industry benchmarks for similar positions in major metropolitan areas within the United States.

Benefits:

• Comprehensive Medical, Dental, and Vision coverage for employees and eligible dependents.

• 401(k) retirement savings plan with potential company matching contributions.

• Life, Accident, and Disability insurance policies to provide financial security.

• Wellness programs designed to support employee health and well-being.

• Generous Paid Time Off (PTO) package, including vacation and sick leave allowances.

• Paid public holidays, ensuring time for rest and celebration.

Working Hours:

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

• While largely on-site, there may be flexibility depending on project needs and team agreements, but the primary expectation is in-office presence.

📝 Enhancement Note: The salary range is directly provided in the job description and reflects the "Assistant Vice President" title and the specified experience level. The benefits listed are comprehensive and standard for a large financial institution like Citi, with specific mention of incentive awards common for AVP-level roles.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services / Banking Technology

Company Size: Citi is a global financial services corporation with tens of thousands of employees worldwide, indicating a large, established enterprise environment with significant resources and established processes.

Founded: 1812 (as City Bank of New York), signifying a long history and deep-rooted presence in the financial industry, which often translates to robust governance, structured career paths, and a strong emphasis on stability and security.

Team Structure:

• The role is within the "Credit Risk Technology Team," a specialized group focused on managing and mitigating financial risks through technology solutions.

• As an Assistant Vice President, the individual will likely be a senior individual contributor or potentially lead small technical initiatives within the team.

Methodology:

• The team likely adheres to established enterprise-level software development lifecycle (SDLC) methodologies, with a strong emphasis on Agile practices (Scrum/Kanban) for iterative development and delivery.

• Data-driven decision-making is paramount in risk technology, so expect a heavy reliance on metrics, analytics, and performance monitoring.

• There is a clear focus on integrating advanced technologies like AI/ML into core financial systems, suggesting an innovative and forward-thinking approach within a traditionally conservative industry.

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

📝 Enhancement Note: Citi's long history suggests a culture that values stability, compliance, and robust engineering. The "Credit Risk Tech" focus implies a high-stakes environment where precision, security, and performance are non-negotiable. The explicit mention of AI integration indicates a commitment to modernizing and leveraging technology for competitive advantage.

📈 Career & Growth Analysis

Operations Career Level: Assistant Vice President (AVP)

This level signifies a senior individual contributor role with significant technical expertise and potential for leadership. AVPs are expected to drive complex technical projects, mentor junior staff, and contribute to architectural decisions. In a large organization like Citi, this role often serves as a stepping stone to Vice President (VP) or Director-level positions, requiring demonstrated technical leadership, project execution, and strategic thinking.

Reporting Structure:

The role reports into a technology management structure within the Credit Risk Technology division. This would likely involve reporting to a Director or Vice President who oversees a portfolio of risk technology applications. The individual will work closely with product owners, scrum masters, and other senior engineers.

Operations Impact:

This role directly impacts the effectiveness and efficiency of Citi's Counterparty Credit Risk Management. By developing intuitive, AI-powered frontend solutions, the developer will enable critical functions such as:

• Real-time limit monitoring and exception management.

• Comprehensive stress testing analysis.

• Streamlined escalation workflows.

• Integrated views of trades, collateral, and market data, empowering informed decision-making for risk officers, traders, and operations staff.

The AI integration aspect suggests a goal of improving operational efficiency, reducing manual intervention, and providing more predictive insights to mitigate risk proactively.

Growth Opportunities:

• Technical Specialization: Deepen expertise in React, TypeScript, AI/ML for UI, and potentially cloud-native frontend architectures.

• Architectural Leadership: Progress to roles focused on frontend architecture, setting technical direction for large-scale applications.

• Management Path: Transition into a technical lead or management role, overseeing teams of developers and guiding project execution.

• Cross-Functional Mobility: Opportunities to move into related areas within Citi's vast technology organization, such as platform engineering, data engineering, or specific product development teams.

• Industry Exposure: Gain deep insights into the complexities of financial risk management and cutting-edge applications of AI in enterprise software.

📝 Enhancement Note: The AVP title is crucial. It implies that candidates should not only possess strong technical skills but also demonstrate leadership potential, strategic thinking regarding technology adoption (especially AI), and the ability to influence technical direction. The impact on risk management underscores the critical nature of the role and the need for highly reliable and accurate solutions.

🌐 Work Environment

Office Type: On-site (primary requirement)

The role is based in Irving, Texas, and the description explicitly states "On-site," indicating a preference for in-person collaboration, team synergy, and adherence to corporate security protocols typical in the financial services industry.

Office Location(s):

Workspace Context:

• Collaborative Environment: Expect a dynamic workspace designed for teamwork, with opportunities for face-to-face interaction, whiteboarding sessions, and spontaneous problem-solving with colleagues.

• Technology & Tools: Access to a comprehensive suite of development tools, high-performance workstations, and enterprise-grade infrastructure necessary for building and deploying complex financial applications.

• Team Interaction: Regular opportunities to engage with a diverse team of engineers, product managers, UX designers, and business stakeholders, fostering a rich learning environment.

Work Schedule:

• The standard work schedule is full-time (approximately 40 hours per week). While the role is on-site, there might be some flexibility in daily start/end times, subject to team and project requirements. Adherence to project deadlines and occasional urgent needs related to system stability or critical releases may require flexibility beyond standard hours.

📝 Enhancement Note: The "On-site" requirement is a key factor for candidates. This implies a preference for a traditional corporate tech environment where direct collaboration and access to on-site resources are prioritized, which is common for highly regulated industries like finance.

📄 Application & Portfolio Review Process

Interview Process:

1. Initial Screening: HR or a recruiter will conduct a preliminary review of your resume, focusing on core technical skills, experience level, and alignment with the role's requirements, particularly React expertise and AI interest.

2. Technical Assessment (Online/Take-home): Candidates may face a coding challenge or a take-home assignment designed to evaluate their proficiency in React, TypeScript, and problem-solving abilities. This could involve building a small component, solving algorithmic problems, or demonstrating understanding of state management.

3. Hiring Manager/Team Interview: A series of interviews with the hiring manager and key team members. This stage will delve deeper into your technical experience, architectural thinking, approach to AI integration, and understanding of financial risk concepts. Behavioral questions will also be used to assess cultural fit and collaboration style.

4. System Design/Architecture Discussion: Expect a session focused on system design principles, where you'll be asked to discuss how you would approach building or scaling a complex frontend application, potentially incorporating AI features. This is a critical stage for AVP-level roles.

5. Final Interview/Panel: Potentially a final interview with senior leadership or a panel to confirm suitability for the Assistant Vice President level and assess overall fit within Citi's technology organization.

Portfolio Review Tips:

• Highlight AI Integration: Clearly showcase any projects where you've experimented with or implemented AI/ML in UI development. Detail the problem, your approach, the tools used, and the outcome or lessons learned.

• Demonstrate React Expertise: Ensure your portfolio includes complex React applications that exhibit strong component architecture, efficient state management (Redux, Context API), and performance optimizations.

• Showcase Scalability & Performance: Include examples where you've addressed challenges related to large datasets, real-time updates, or high-traffic applications. Detail the techniques used for optimization.

• Structure for Clarity: Organize your portfolio logically. For each project, provide a concise description, your role, the technologies used, and specific achievements or challenges overcome. Use GitHub links or live demos where possible.

• Tailor to Financial Context: If possible, include projects that demonstrate an understanding of data-intensive applications, security considerations, or complex workflows, even if not directly in finance.

Challenge Preparation:

• Master React Hooks & State Management: Be prepared to discuss and implement complex state management patterns.

• Understand TypeScript Thoroughly: Expect questions on type inference, generics, and advanced type manipulation.

• AI/ML for UI Concepts: Research current trends in AI-assisted UI development (e.g., Generative UI, predictive text, adaptive interfaces). Be ready to discuss theoretical applications and potential implementation challenges.

• System Design Fundamentals: Practice designing scalable, performant, and maintainable frontend architectures. Consider topics like micro-frontends, API strategies, and caching.

• Behavioral & Situational Questions: Prepare examples using the STAR method (Situation, Task, Action, Result) for questions related to problem-solving, teamwork, leadership, and handling complex requirements.

📝 Enhancement Note: The interview process is multi-stage, typical for a senior role at a large financial institution. The portfolio review and system design discussions are crucial for demonstrating AVP-level capabilities, particularly regarding AI integration and architectural foresight.

🛠 Tools & Technology Stack

Primary Tools:

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

• TypeScript: For static typing, enabling more robust and maintainable JavaScript code.

• JavaScript (ES6+): Fundamental programming language for web development.

• HTML5 & CSS3: Standard web technologies for structure and styling.

• State Management Libraries: Redux, Context API, potentially Zustand or Jotai.

• Build Tools: Webpack, Vite, or similar for bundling and optimization.

• Version Control: Git (and platforms like GitHub, GitLab, Bitbucket).

Analytics & Reporting:

• Data Visualization Libraries: Chart.js, D3.js, Recharts, or similar for creating complex financial dashboards and charts.

• Performance Monitoring Tools: Tools for analyzing frontend performance bottlenecks and user experience metrics.

• Analytics Platforms: Potentially integrated with broader enterprise analytics solutions for user behavior tracking.

CRM & Automation (Indirect Relevance):

• While not directly a CRM role, understanding how frontend applications interact with backend services that might interface with CRM or other enterprise systems is beneficial.

• CI/CD Tools: Jenkins, GitLab CI, Azure DevOps, or similar for automated build, test, and deployment pipelines.

• Containerization (Preferred): Docker for local development environments and potentially Kubernetes for deployment orchestration.

📝 Enhancement Note: The stack is modern and enterprise-grade. Proficiency in React and TypeScript is paramount. The "preferred" mention of containerization and cloud platforms suggests that familiarity with DevOps practices and cloud-native concepts is highly valued. The explicit mention of AI/ML tools for UI points to a need for candidates to be aware of and potentially experiment with specific AI libraries or frameworks relevant to UI generation or enhancement.

👥 Team Culture & Values

Operations Values:

• Integrity & Trust: Paramount in financial services, ensuring all development adheres to strict ethical and security standards.

• Innovation & Adaptability: A growing emphasis on leveraging new technologies like AI to drive efficiency and competitive advantage in risk management.

• Collaboration & Teamwork: Strong cross-functional partnerships are essential for delivering integrated solutions across business and technology.

• Excellence & Quality: A commitment to producing high-quality, reliable, and performant software that meets the rigorous demands of financial markets.

• Data-Driven Decision Making: Utilizing data and analytics to inform development choices, measure impact, and optimize processes and applications.

Collaboration Style:

• Cross-Functional Integration: Active participation in agile ceremonies and direct engagement with product managers, UX designers, backend engineers, and risk subject matter experts.

• Agile & Iterative: Embracing a mindset of continuous improvement, feedback loops, and iterative development cycles.

• Knowledge Sharing: Encouraging open communication, code reviews, and sharing of best practices within the team and broader technology organization.

• Problem-Solving Focus: A collective effort to tackle complex technical and business challenges, often through collaborative brainstorming and pair programming.

📝 Enhancement Note: Citi, as a large financial institution, will likely emphasize values related to security, compliance, and client trust. The inclusion of innovation and AI integration indicates a modernizing culture that balances tradition with forward-thinking technology adoption.

⚡ Challenges & Growth Opportunities

Challenges:

• Integrating Emerging AI into Legacy Systems: Balancing the adoption of cutting-edge AI tools with the need for stability, security, and compatibility within a large enterprise financial system.

• Performance Optimization for Data-Intensive Applications: Ensuring frontends remain highly performant and responsive when dealing with vast amounts of real-time financial data and complex visualizations.

• Navigating Complex Regulatory Environments: Developing solutions that meet stringent financial regulations and compliance requirements, which can add complexity to the development process.

• Cross-Functional Alignment: Effectively communicating technical vision and requirements to diverse stakeholders with varying levels of technical understanding, particularly concerning AI capabilities.

Learning & Development Opportunities:

• Deep Dive into AI for UI: Opportunities to gain hands-on experience and potentially certifications in AI/ML applications relevant to user interface design and development.

• Financial Risk Domain Expertise: Acquire in-depth knowledge of credit risk management principles, trading systems, and market data intricacies.

• Enterprise Architecture Exposure: Gain insights into large-scale enterprise system design, micro-frontend architectures, and cloud integration strategies.

• Leadership Development: Develop leadership skills through mentorship, technical guidance, and potential project leadership roles, preparing for advancement within Citi's technology hierarchy.

📝 Enhancement Note: The challenges highlight the unique environment of a large financial institution, where innovation must be balanced with stability and regulation. The growth opportunities are well-defined, focusing on both technical depth and potential career progression into leadership.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex React component you built. How did you handle its state, performance, and reusability?" (Focus on Hooks, Context API, performance optimization techniques.)

• "How would you approach integrating a Generative AI tool to suggest UI components or layouts for a risk dashboard? What are the potential challenges and benefits?" (Demonstrate understanding of AI concepts, practical application, and risk assessment.)

• "Walk us through your process for optimizing a slow-loading frontend application. What tools and metrics would you use?" (Showcase debugging skills, performance analysis tools, and optimization strategies.)

Company & Culture Questions:

• "What interests you about working in financial technology, specifically in credit risk at Citi?" (Research Citi's role in the industry, its risk management focus, and AI initiatives.)

• "How do you stay updated with the latest trends in frontend development and AI?" (Highlight continuous learning, online resources, communities, and personal projects.)

Portfolio Presentation Strategy:

• Quantify Impact: For each project, emphasize measurable outcomes – e.g., "improved load time by X%", "reduced bug reports by Y%", "enabled Z% faster data analysis."

• Articulate AI Contribution: Clearly explain your role in any AI-related aspects, even if experimental. Focus on the rationale behind the approach and potential benefits.

• Technical Deep Dive: Be ready to explain architectural choices, trade-offs considered, and specific implementation details for your most complex React projects.

• Concise Storytelling: Present your portfolio projects as compelling narratives – problem, solution, your contribution, and the result.

📝 Enhancement Note: Preparation should focus on demonstrating not just coding skills, but also architectural thinking, problem-solving under constraints, and a proactive approach to embracing new technologies like AI within a structured enterprise environment.

📌 Application Steps

To apply for this Front Developer position:

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

• Tailor Your Resume: Emphasize your React.js, TypeScript, and frontend development experience. Highlight any projects involving AI/ML, data visualization, or performance optimization. Clearly state your years of experience and ensure it aligns with the "5+ years" requirement.

• Prepare Your Portfolio: Curate a portfolio that showcases your strongest React projects. Ensure it includes examples of complex UIs, performance optimizations, and any applications demonstrating AI integration or advanced data handling. Be ready to discuss your contributions and technical decisions in detail.

• Research Citi and the Role: Understand Citi's position in the financial industry, its focus on risk management, and its commitment to technology and AI. Familiarize yourself with the specific responsibilities and qualifications for this role.

• Practice Technical Scenarios: Review common React interview questions, system design principles for frontend applications, and be prepared to discuss how you would approach integrating AI into UI development.

⚠️ Important Notice: This enhanced job description has been created using AI and industry best practices to provide a comprehensive overview. Specific details regarding interview stages, exact portfolio requirements, and team dynamics should be confirmed directly with the Citi recruiting team.