Our Purpose

Mastercard powers economies and empowers people in 200+ countries and territories worldwide. Together with our customers, we’re helping build a sustainable economy where everyone can prosper. We support a wide range of digital payments choices, making transactions secure, simple, smart and accessible. Our technology and innovation, partnerships and networks combine to deliver a unique set of products and services that help people, businesses and governments realize their greatest potential.

Title and Summary

Senior Frontend Engineer:

Overview:

The Senior Frontend Engineer is a hands on builder responsible for delivering high quality, user facing web applications that serve publishers and advertisers on the Commerce Media platform. This role focuses on building scalable, maintainable React applications styled with Tailwind CSS and powered by API driven backend services.
Senior Frontend Engineers at Mastercard operate with an AI first development mindset, using AI coding agents as a core part of how software is designed, implemented, tested, and maintained. Success is measured by delivery velocity, UI quality, system correctness, and the effective use of AI to increase leverage without sacrificing engineering judgment.

• Role

• Design and build ReactJS applications that deliver responsive, intuitive, and accessible user experiences.

• Implement clean, maintainable UI systems using Tailwind CSS and component driven architecture.

• Integrate frontend applications with API driven backend services, handling data fetching, state management, and error scenarios.

• Apply AI coding agents (e.g., Copilot, ChatGPT, Claude, similar tools) as part of daily development to:

• Accelerate component scaffolding and refactoring

  • Explore UI and interaction design options quickly
  • Generate and improve unit and integration tests
  • Assist with debugging, performance analysis, and accessibility improvements
  • Produce clear documentation and developer notes

• Own frontend features end to end, including:

• Component architecture and reuse

  • State and data flow management
  • Performance optimization and bundle efficiency
  • Accessibility, responsiveness, and usability

• Collaborate closely with backend engineers on API contracts, schemas, and data models.

• Participate in design reviews, code reviews, and production issue resolution.

• Help define frontend standards, patterns, and best practices for responsible AI assisted development across the platform.

• All About You

• You are a product minded frontend engineer who cares deeply about usability, polish, and correctness.

• You are deeply hands on and comfortable owning complex UI implementations.

• You see AI coding agents as a force multiplier, not a replacement for good engineering judgment.

• You know when to trust AI generated output and when to intervene with deeper expertise.

• You think in terms of components, data flow, and long term maintainability.

• You communicate clearly with designers, product partners, and engineers and can translate intent into execution.

• You enjoy raising the bar for frontend quality and development efficiency across the team.

Experience:

• 5–7 years of professional experience building production web applications.
• Strong expertise in ReactJS and modern frontend development patterns.
• Hands on experience using Tailwind CSS for scalable, utility based styling.
• Proven experience working in API driven architectures, consuming RESTful services.
• Demonstrated use of AI coding agents in real world development workflows (component generation, refactoring, testing, documentation).
• Solid understanding of state management, async data handling, and frontend performance optimization.
• Experience building responsive, accessible user interfaces.
• Familiarity with frontend testing frameworks, build tooling, and CI workflows.
• Experience collaborating in cross functional, distributed engineering teams.

Corporate Security Responsibility

All activities involving access to Mastercard assets, information, and networks comes with an inherent risk to the organization and, therefore, it is expected that every person working for, or on behalf of, Mastercard is responsible for information security and must:

• Abide by Mastercard’s security policies and practices;

• Ensure the confidentiality and integrity of the information being accessed;

• Report any suspected information security violation or breach, and

• Complete all periodic mandatory security trainings in accordance with Mastercard’s guidelines.