Capgemini

Global leader in partnering with companies to transform and manage their business by harnessing the power of technology.

4 Rounds ~21 Days Medium

Start Mock Interview

The Interview Loop

Recruiter Screen (30 min)

Standard fit check, behavioral questions, and resume overview.

Technical Loop (3-4 Rounds)

Deep dive into domain knowledge, coding, and system design.

Interview Question Bank

All Roles Backend Engineer 35 Cloud Engineer 35 Data Engineer 35 Data Scientist 35 DevOps Engineer 35 Frontend Engineer 35 Full Stack Engineer 35 Machine Learning Engineer 35 Product Manager 35 Software Engineer 35

All Topics React 7 JavaScript 7 System Design 5 Culture Fit 4 Web Fundamentals 3 Leadership 2 Testing 2 TypeScript 2

Frontend Engineer • Behavioral • medium

Tell me about a time you had to push back on a client's unrealistic deadline or feature request. How did you handle the communication?

#Communication #Client Management #Conflict Resolution

Practice

Frontend Engineer • Behavioral • medium

Describe a situation where you had to quickly learn a new frontend framework or library for a client project. What was your approach?

#Adaptability #Continuous Learning

Practice

Frontend Engineer • Behavioral • easy

How do you handle disagreements with a backend developer regarding the design of an API contract?

#Collaboration #Teamwork #API Design

Practice

Frontend Engineer • Behavioral • hard

Explain a time you identified a major performance bottleneck in a legacy application. How did you convince stakeholders to allocate time to fix it?

#Problem Solving #Stakeholder Management #Technical Debt

Practice

Frontend Engineer • Behavioral • medium

Tell me about a time you mentored a junior developer on your team who was struggling with modern JavaScript concepts or React.

#Mentorship #Empathy #Team Building

Practice

Frontend Engineer • Behavioral • medium

Describe your experience working in an Agile/Scrum environment. How do you approach estimating story points for a complex, vaguely defined frontend feature?

#Agile #Scrum #Estimation

Practice

Frontend Engineer • Coding • medium

Implement a polyfill for `Promise.all`. How does your implementation handle a mix of resolved promises, rejected promises, and non-promise values?

#Promises #Asynchronous JavaScript #Polyfills

Practice

Frontend Engineer • Coding • medium

Write a JavaScript function to deep clone a nested object. You cannot use `JSON.parse(JSON.stringify())` or external libraries like Lodash.

#Recursion #Data Structures #Object Manipulation

Practice

Frontend Engineer • Coding • medium

What is the difference between Debounce and Throttle? Implement a debounce function from scratch.

#Performance Optimization #Higher-Order Functions #Timers

Practice

Frontend Engineer • Coding • medium

Implement a custom polyfill for the `Function.prototype.bind` method.

#Context (this) #Polyfills #Prototypes

Practice

Frontend Engineer • Coding • medium

Build a custom React hook called `useFetch` that takes a URL and returns `data`, `loading`, and `error` states. It should also handle component unmounting to prevent memory leaks.

#Custom Hooks #API Integration #Cleanup Functions

Practice

Frontend Engineer • Coding • medium

Implement a paginated data table component in React. It should fetch data from a mock API, display 10 rows per page, and include 'Next' and 'Previous' buttons.

#Component Design #Pagination #State Management

Practice

Frontend Engineer • Coding • hard

Write a React component that renders a nested folder tree structure from a deeply nested JSON object. The folders should be collapsible.

#Recursive Components #State Management #UI/UX

Practice

Frontend Engineer • Coding • medium

Explain the difference between CSS Grid and Flexbox. Write the CSS to build a responsive layout with a sticky header, a 250px sidebar, and a fluid content area.

#CSS Grid #Flexbox #Responsive Design

Practice

Frontend Engineer • Coding • medium

Write a unit test using Jest and React Testing Library for a Login form component. Test that an error message appears if the user submits empty fields.

#Jest #React Testing Library #Unit Testing

Practice

Frontend Engineer • Coding • medium

Convert a given JavaScript React component that accepts a generic data object into strict TypeScript. Explain how you would use Generics to make the component reusable.

#TypeScript #Generics #React

Practice

Frontend Engineer • System Design • hard

Design the frontend architecture for a real-time collaborative text editor (similar to Google Docs). Focus on state synchronization and conflict resolution.

#Real-time Systems #WebSockets #Operational Transformation

Practice

Frontend Engineer • System Design • medium

Design an e-commerce Product Listing Page (PLP). Discuss how you would handle complex filtering, sorting, and infinite scrolling on the frontend.

#Architecture #Pagination #State Management

Practice

Frontend Engineer • System Design • hard

A large enterprise client wants to migrate their monolithic frontend to Micro-frontends. How would you architect this using Webpack Module Federation?

#Micro-frontends #Webpack #Architecture

Practice

Frontend Engineer • System Design • medium

Design an autocomplete/typeahead search component. Discuss API debouncing, caching previous searches, and ensuring accessibility.

#Component Design #Performance #Accessibility

Practice

Frontend Engineer • System Design • hard

Design a scalable frontend architecture for a financial trading dashboard that receives high-frequency real-time stock updates.

#High Performance #WebSockets #Data Visualization

Practice

Frontend Engineer • Technical • easy

Explain Event Delegation in JavaScript. Write a short snippet to handle click events on a dynamically growing list of items without attaching an event listener to every single `<li>`.

#DOM Manipulation #Event Bubbling #Event Delegation

Practice

Frontend Engineer • Technical • medium

Explain closures in JavaScript. Can you write a practical example of currying a function that calculates discounts for an e-commerce client?

#Closures #Functional Programming #Currying

Practice

Frontend Engineer • Technical • hard

Explain the JavaScript Event Loop. Given a code snippet with `console.log`, `setTimeout`, and `Promise.resolve`, predict the exact execution order and explain why.

#Event Loop #Microtasks #Macrotasks

Practice

Frontend Engineer • Technical • medium

In React, what is the difference between `useMemo` and `useCallback`? Give a scenario in a complex enterprise dashboard where misusing them could actually degrade performance.

#React Hooks #Performance Optimization #Memoization

Practice

Frontend Engineer • Technical • hard

How does React's Virtual DOM work? Explain the reconciliation process and how the Fiber architecture optimizes rendering for large-scale applications.

#Virtual DOM #Reconciliation #React Fiber

Practice

Frontend Engineer • Technical • medium

Compare Context API and Redux. If you were building a multi-step onboarding flow for a banking client, which would you choose for state management and why?

#State Management #Redux #Context API #Architecture

Practice

Frontend Engineer • Technical • medium

How do you handle React performance optimization in a large-scale client application? Discuss code splitting, lazy loading, and bundle size reduction.

#Performance Optimization #Code Splitting #Webpack

Practice

Frontend Engineer • Technical • easy

What are Semantic HTML tags and why are they critical for Web Accessibility (a11y)? How would you make a custom dropdown component accessible?

#Accessibility #Semantic HTML #ARIA

Practice

Frontend Engineer • Technical • hard

A client's e-commerce site is loading very slowly. How do you analyze and optimize the Critical Rendering Path?

#Performance #Critical Rendering Path #Core Web Vitals

Practice

Frontend Engineer • Technical • medium

Explain Cross-Origin Resource Sharing (CORS). How do you resolve CORS errors when developing a frontend locally against a remote client API?

#Security #CORS #Network Protocols

Practice

Frontend Engineer • Technical • medium

Describe the differences between LocalStorage, SessionStorage, and Cookies. Which mechanism is best for storing JWT tokens in a secure enterprise application?

#Storage #Security #Authentication

Practice

Frontend Engineer • Technical • hard

How do you configure Webpack from scratch to bundle a React application? Explain the roles of entry, output, loaders (Babel, CSS), and plugins.

#Webpack #Build Tools #Babel

Practice

Frontend Engineer • Technical • medium

Explain the difference between Unit, Integration, and End-to-End (E2E) testing. When would you choose to write a Cypress test over a Jest test?

#Testing Strategy #Cypress #Jest

Practice

Frontend Engineer • Technical • medium

In TypeScript, what is the difference between `interface` and `type`? When would you choose one over the other in a React application?

#TypeScript #Type System

Practice

Difficulty Radar

Based on recent AI-sourced data.

Meet Your Interviewers

The "Standard" Interviewer

Senior Engineer

Focuses on core competencies, system constraints, and clear communication.

Simulate

Unwritten Rules

Think Out Loud

Always explain your thought process before writing code or drawing architecture.

Practice Now