Myntra SDE-1 Frontend Interview Experience

Overview

This document outlines a candidate's experience during the SDE-1 frontend interview process at Myntra. The evaluation consisted of an online assessment designed to evaluate problem-solving skills and practical frontend development abilities. This analysis provides valuable insights into the types of questions asked and the skills required to succeed in the Myntra SDE-1 frontend interview.

Interview Rounds

The online assessment comprised three distinct challenges:

1. String Manipulation Problem: Last One Standing

   • Problem Statement: Given an alphanumeric string S and an integer K, construct a new string by appending S K-1 times to itself. The problem required string concatenation, iteration, and strategic character removal.

2. Binary String Problem: Round Keys

   • Problem Statement: The Data Encryption Standard (DES) utilizes a round key, defined as a binary substring whose decimal equivalent matches its length. The task was to determine the number of possible round keys within each binary string of an input array.
   • The challenge lay in efficiently extracting and evaluating substrings due to the exponential growth of possibilities.

3. Frontend Challenge: Grid of Boxes with Random Colors

   • The candidate was tasked with creating a dynamic grid of boxes using HTML, CSS, and JavaScript. Each box was to be assigned a random background color, and clicking a box would regenerate the grid. The provided JavaScript snippet illustrates a possible solution. A full solution would include the HTML and CSS to properly render the grid.

   const gridContainer = document.getElementById("grid");
   function generateRandomColor() {
    return `#${Math.floor(Math.random()*16777215).toString(16)}`;
   }
   function createGrid(rows, cols) {
    gridContainer.innerHTML = "";
    gridContainer.style.display = "grid";
    gridContainer.style.gridTemplateColumns = `repeat(${cols}, 1fr)`;
    gridContainer.style.gridGap = "10px";
    
    for (let i = 0; i < rows * cols; i++) {
    let box = document.createElement("div");
    box.style.width = "50px";
    box.style.height = "50px";
    box.style.backgroundColor = generateRandomColor();
    box.addEventListener("click", () => createGrid(rows, cols));
    gridContainer.appendChild(box);
    }
   }
   createGrid(5, 5); // Creates a 5x5 grid
   

Key Takeaways

• String and Binary String Problems: Efficient substring handling and optimization are crucial for solving string-based coding challenges.
• Frontend Coding Challenge: Proficiency in DOM manipulation, event handling, and CSS Grid/Flexbox is essential for frontend interviews.
• Time Management: Prioritize accuracy before focusing on optimization during coding assessments.
• Practice Coding Assessments: Platforms like LeetCode and CodeForces are valuable resources for preparing for technical interviews.