Web Developer

Mphasis; Alpharetta (GA); On-site; USD 150,000 - 210,000; Full time

Job summary

Mphasis seeks an accomplished Frontend Architect to lead enterprise web applications built with React, Next.js, and TypeScript in a fast-paced environment.

You will design scalable micro-frontend strategies, govern UI component libraries, and push modernization across frameworks while collaborating with Product, UX, and Engineering teams.

Expect to optimize performance, implement robust testing and CI/CD practices, and mentor senior engineers to uphold security and design standards.

Qualifications

• 10+ years of professional software development experience.
• 7+ years of hands‑on React and TypeScript experience.
• 3+ years building with Next.js, including:
• Proven experience implementing Micro-Frontend architectures using Services As Fragments.

Responsibilities

• Architect and scale enterprise-grade web applications using React, Next.js, and TypeScript.
• Lead architecture reviews, design discussions, and code reviews.
• Collaborate with Product Managers, UX Designers, and Engineering teams to translate requirements into scalable solutions.
• Drive frontend modernization and performance optimization across platforms.
• Build and govern design systems and shared component libraries.

Skills

React

TypeScript

Frontend architecture

Performance optimization

Mentorship

Tools

Next.js

Webpack

Vite

Tailwind CSS

Jest

Playwright

Cypress

React Testing Library

Job description

Frontend Architecture & Micro-Frontend Strategy

• Architect and scale enterprise-grade web applications using React, Next.js, and TypeScript.
• Design and implement Micro-Frontend architectures using Services As Fragment.
• Drive modernization initiatives across frontend platforms and shared application frameworks.
• Optimize application performance, scalability, and maintainability through modern build tools such as Webpack, Vite, and Turbopack.

Design Systems, Accessibility & User Experience

• Lead the governance and adoption of enterprise-wide UI component libraries, design tokens, and frontend standards.
• Establish scalable CSS architecture using CSS3, SCSS/SASS, CSS Modules, and Tailwind CSS.
• Ensure applications meet WCAG 2.1 AA accessibility standards and support global users through internationalization (i18n)frameworks.
• Deliver responsive, mobile-first user experiences across devices and platforms.

Performance Optimization & Problem Solving

• Troubleshoot memory leaks, runtime issues, and performance bottlenecks.
• Evaluate architectural trade-offs involving SSR, SSG, ISR, and Client-Side Rendering strategies.
• Utilize data-driven approaches to improve application reliability and user experience.

AI-Driven Development & Technical Documentation

• Leverage AI-powered engineering tools such as GitHub Copilot, Cursor, Claude Code, and related technologies to accelerate development productivity.
• Apply prompt engineering techniques to streamline coding, testing, and documentation workflows.
• Produce high-quality technical documentation including:
• Request for Comments (RFCs)
• Design Specifications
• Engineering Standards and Best Practices
• Partner closely with Product Managers, UX Designers, and Engineering teams to transform business requirements into scalable technical solutions.
• Collaborate using Figma to ensure pixel-perfect implementation of design systems and product experiences.
• Participate in design reviews and contribute to product strategy discussions.

DevOps, Deployment & Quality Engineering

• Drive frontend delivery excellence through automated CI/CD pipelines.
• Feature Flags
• Canary Releases
• Blue/Green Deployments
• Champion quality engineering practices through automated testing frameworks such as:
• Jest
• React Testing Library
• Cypress
• Playwright
• Maintain high standards for code quality, reliability, and operational excellence.

Technical Leadership & Mentorship

• Lead architecture reviews, design discussions, and code review processes.
• Establish and enforce frontend engineering standards and best practices.
• Promote secure development practices aligned with PCI-DSS and OWASP guidelines.
• Mentor and coach senior engineers while fostering a culture of technical excellence and continuous learning.

Required Qualifications

Experience

• 10+ years of professional software development experience.
• 7+ years of hands‑on experience with React and TypeScript.
• 3+ years of experience building applications with Next.js, including:
• Proven experience implementing Micro-Frontend architectures using Services As Fragments.

Frontend Technologies

• Strong expertise in:
• React
• Next.js
• TypeScript
• HTML5
• CSS3
• SCSS/SASS
• CSS Modules
• Tailwind CSS

Accessibility & Internationalization

• Deep understanding of:
• Responsive Web Design
• WCAG 2.1 AA Accessibility Standards
• i18next / React-Intl
• Globalization and Localization Strategies

Build Systems & Deployment

• Hands‑on experience with:
• Webpack
• Vite
• Package Bundling and Optimization
• CI/CD Automation
• Blue/Green Deployments
• Canary Releases

Analytical Thinking & Communication

• Demonstrated success in:
• Complex troubleshooting
• Frontend performance tuning
• Technical writing and documentation
• Exceptional verbal and written communication skills.
• Experience conducting design reviews and implementing design systems from Figma.
• Strong understanding of design tokens and component‑driven development.

AI Readiness

• Active user of AI-assisted software development tools.
• Ability to adapt rapidly to emerging AI technologies and workflows.
• Experience leveraging AI to improve engineering velocity, quality, and developer productivity.

Preferred Qualifications

• Experience in Retail, Fintech, Merchant Services or Financial Platforms.
• Understanding of:
• Retail
• PCI-Compliant Environments

Experience supporting high-scale, customer-facing applications handling mission-critical transactions