Frontend Interview Experience in Flipkart (UI 2)

Overview

This document details the interview process for a UI Engineer 2 (Senior Frontend Developer) position at Flipkart. The process consisted of multiple rounds, including machine coding, technical interviews, data structures and algorithms, a hiring manager round, and debugging challenges. The assessment focused on evaluating the candidate's proficiency in frontend technologies, problem-solving abilities, and architectural thinking.

Interview Rounds

Round 1: Machine Coding (Vanilla JS — Live Coding)

Candidates were tasked with building an eCommerce platform using vanilla JavaScript within a two-hour timeframe. The requirements included creating category and product lists, cards, rendering tabs, and implementing multiple wish lists with appropriate CSS styling.

Round 2: Machine Coding Review + Technical Concepts

This round involved a detailed code review of the solution developed in the previous round. The candidate was required to explain each line of code and justify their approach to specific implementation choices. Topics discussed included functional vs. class-based approaches, performance optimizations (structure, logic, DOM manipulations), debounce function implementation, pagination, infinite scrolling, virtualization, CSR vs. SSR, React vs. Next.js, React Hooks, and diffing algorithms.

Round 3: UI Technical Concepts

The candidate was presented with an unstable API (resolving in either 10ms or 1sec) and challenged to create a circuit breaker that waits for 300ms. If the API resolves within the timeframe, the data should be returned; otherwise, an error should be thrown or a retry mechanism implemented. Other topics included a polyfill for the reduce method, CSRF tokens, security vulnerabilities, cookies, auth tokens, garbage collection, WeakMap in JavaScript, hoisting, closures, Web Vitals, requestIdleCallback, prefetch, preconnect, preload, tree shaking, dynamic chunking, and breaking long tasks.

Round 4: Data Structures and Algorithms

• Question 1: Merge Intervals Variation
• Question 2: Character Array Compression (e.g., aabb -> a2b2)

Round 5: Hiring Manager Round

This round focused on assessing soft skills, leadership potential, product thinking, and long-term vision. Topics included:

• UI Library: Purpose, use cases, hosting details (public vs. private npm packages), and handling secrets/credentials in public packages.