Interview Q&A

Short answer: Follow me on LinkedIn: Bootstrap is a popular front-end framework for building responsive, mobile-first web pages using HTML, CSS, and JavaScript components.

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.

Short answer: They are part of the browser’s rendering process when the DOM or styles change.

Explain a bit more

Reflow (Layout): Happens when the structure or geometry of the page changes (like changing size, position, or adding elements). → Expensive operation since it recalculates layout. Follow me on LinkedIn: Repaint: Happens when visual appearance (like color or background) changes without affecting layout. Example: div.style.width = "200px"; /* triggers reflow + repaint */

Example code

div.style.background = "red"; /* triggers repaint only */ Key Takeaway: Minimize layout changes; batch DOM updates to improve performance.

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.

Short answer: block elements take full width and start on a new line. inline-block behaves like inline (stays in the same line) but allows setting width, height, margin, and padding.

Example code

.block { display: block; width: 100px; } .inline-block { display: inline-block; width: 100px; } Key Takeaway: inline-block combines the flow of inline with the flexibility of block. Follow me on LinkedIn:

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.

Short answer: JavaScript is a high-level, interpreted programming language primarily used for web development to make webpages interactive. Example: alert('Hello World!');

Example code

JavaScript is a high-level, interpreted programming language primarily used for web development to make webpages interactive. Example: alert('Hello World!');

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.

Short answer: The event loop manages asynchronous operations in JavaScript. It continuously checks the call stack and callback queue — executing queued tasks once the stack is empty.

Example code

console.log("A"); setTimeout(() => console.log("B"), 0); console.log("C"); // Output: A, C, B Even though setTimeout is 0ms, it runs after the main thread finishes due to the event loop.

Real-world example (ShopNest)

The checkout button uses async/await to call /api/orders, shows a spinner, and catches network errors with a toast.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.

Short answer: Flexbox (Flexible Box Layout) is a one-dimensional layout system for aligning items horizontally or vertically.

Example code

.container { display: flex; justify-content: center; align-items: center; } Why use it: Centers elements easily. Handles spacing and alignment dynamically. Makes layouts responsive. Key Takeaway: Flexbox simplifies alignment and space distribution in one direction.

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.

Short answer: The <!DOCTYPE html> declaration tells the browser which version of HTML the page uses. In modern websites, it triggers HTML5 standards mode, ensuring consistent rendering across browsers. Example: <!DOCTYPE html> <html> ... </html> Key Takeaway: Always include <!DOCTYPE html> at the top of every HTML file.

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.

Short answer: bstract Class Meaning Provides base behavior with shared implementation Represents IS-A inheritance relationship public abstract class PaymentBase { public void Log() => Console.WriteLine("Payment logged"); public abstract void Pay(decimal amount); } Summary Interface = Capability bstract Class = Shared Base Behavior bstract Class Meaning Provides base… behavior with shared implementation Represents IS-A inheritance…

Explain a bit more

relationship public abstract class PaymentBase { public void Log() => Console.WriteLine("Payment logged"); public abstract void Pay(decimal amount); } Summary Interface = Capability bstract Class = Shared Base Behavior

Real-world example (ShopNest)

Answer with: definition → one ShopNest-style story → trade-off → how you would verify it in production.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.

Short answer: lignment Easier for single direction Easier for full layout structure /* Flexbox */ display: flex; /* Grid */ Follow me on LinkedIn: display: grid; grid-template-columns: repeat(3, 1fr); Key Takeaway: Use Flexbox for alignment; Grid for complete layouts. lignment Easier for single direction Easier for full layout structure

Example code

/* Flexbox */ display: flex; /* Grid */ Follow me on LinkedIn: display: grid; grid-template-columns: repeat(3, 1fr); Key Takeaway: Use Flexbox for alignment; Grid for complete layouts. lignment Easier for single direction Easier for full layout structure Example: /* Flexbox */ display: flex; /* Grid */ Follow me on LinkedIn: display: grid; grid-template-columns: repeat(3, 1fr); Key Takeaway: Use Flexbox for alignment; Grid for complete layouts.

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.

Short answer: Feature Bootstrap 4 Bootstrap 5 jQuery Required Removed Grid 5 breakpoints 6 (added xxl) Forms Legacy Redesigned Icons None Separate Bootstrap Icons Utility API Limited Expanded and customizable

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.

Short answer: Garbage collection automatically frees memory that’s no longer referenced. The V8 engine uses the mark-and-sweep algorithm: “Mark” reachable objects from the root. “Sweep” and delete unreachable ones. Example: let user = { name: "John" };

Example code

user = null; // eligible for garbage collection

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.

Short answer: [ApiController] [Route("api/[controller]")] public class EmployeeController : ControllerBase { [HttpGet("{id}")] public IActionResult Get(int id)

Example code

{
return Ok(new { Id = id, Name = "Sandeep" });
}
} Key Characteristics: Lightweight JSON support by default Built-in dependency injection

Real-world example (ShopNest)

Answer with: definition → one ShopNest-style story → trade-off → how you would verify it in production.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.

Short answer: Shows the URLs of the remote repositories associated with your local repo.

Real-world example (ShopNest)

ShopNest’s team uses GitHub PRs with reviews and CI checks so broken builds never reach production unnoticed.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.

Short answer: performing a binary search on the commit history.

Real-world example (ShopNest)

ShopNest’s team uses GitHub PRs with reviews and CI checks so broken builds never reach production unnoticed.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.

Short answer: A command used to find the commit that introduced a bug by performing a binary search on the commit history.

Real-world example (ShopNest)

ShopNest’s team uses GitHub PRs with reviews and CI checks so broken builds never reach production unnoticed.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.

Short answer: Checks the integrity of the Git file system.

Real-world example (ShopNest)

ShopNest’s team uses GitHub PRs with reviews and CI checks so broken builds never reach production unnoticed.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.

Short answer: Cleans up unnecessary files and optimizes the local repository.

Real-world example (ShopNest)

ShopNest’s team uses GitHub PRs with reviews and CI checks so broken builds never reach production unnoticed.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.

Short answer: A merge where the branch being merged can simply be moved forward to the tip of the other branch without creating a new merge commit.

Real-world example (ShopNest)

Feature work for “UPI payment” lives on feature/upi-payment. Open a PR to main; resolve conflicts before merge.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.

Short answer: simply be moved forward to the tip of the other branch without creating a new merge commit.

Real-world example (ShopNest)

Feature work for “UPI payment” lives on feature/upi-payment. Open a PR to main; resolve conflicts before merge.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.

Short answer: common ancestor to determine how to combine changes, potentially creating a new merge commit. Long Answers:

Real-world example (ShopNest)

Feature work for “UPI payment” lives on feature/upi-payment. Open a PR to main; resolve conflicts before merge.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.

Short answer: A merge that involves the two branch tips and their common ancestor to determine how to combine changes, potentially creating a new merge commit. Long Answers:

Real-world example (ShopNest)

Feature work for “UPI payment” lives on feature/upi-payment. Open a PR to main; resolve conflicts before merge.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.

Short answer: Use a Present-Past-Future structure in 60 to 90 seconds: who you are now, what shaped you, and why this role is the logical next step. Keep it role-specific and outcome-driven, not a full life story. End with one line that connects directly to the job description.

Why this matters in Interview Preparation

For this question, interviewers evaluate communication clarity, relevance, and confidence in the first impression.

Step-by-step approach

1. Start with your current role and core expertise in one concise sentence.
2. Add 1 to 2 major achievements from recent work with measurable impact.
3. Briefly mention background context that is relevant to this role only.
4. Explain why you are interviewing now and what scope you are targeting.
5. Close with a role-fit line tied to the company’s product or technical challenge.
6. Practice your version aloud until it sounds natural and under 90 seconds.

Real-world example

Priya, a backend engineer from TCS, kept giving long introductions in interviews and lost panel attention. Rahul from Razorpay helped her rewrite the answer into Present-Past-Future format with one metric-heavy project example. She used that script in a Flipkart interview and the panel moved quickly into deep technical questions. The improved opening changed her confidence and she cleared the round.

What to say / email template

Sample 1 (Fresher): "I am a final-year CS graduate focused on backend development using Java and Spring Boot. During my internship, I built an API monitoring tool that reduced debugging time for the team. I am now looking for an entry-level backend role where I can contribute to production systems and continue growing in distributed architecture."

Sample 2 (1-3 years): "I am currently an SDE at Infosys, working on payment APIs and reliability improvements. Over the last year, I helped reduce critical incident volume by 30% through better retry logic and observability. I am exploring this role because it offers deeper product ownership and larger scale challenges, which align with my next growth goal."

Sample 3 (Experienced): "I lead backend delivery for checkout services at a fintech team, with focus on scalability and release quality. Recently, I drove a migration that improved p95 latency by 22% and reduced rollback frequency. I am now looking for a role where I can combine architecture leadership with hands-on execution in a high-growth product environment."

Mistakes to avoid

• Starting from school history and spending 3+ minutes before role relevance.
• Using generic adjectives like "hardworking" without proof.
• Not tailoring the answer to the company or position.
• Memorizing a robotic script and sounding unnatural.

If your intro exceeds 90 seconds, trim it.

Short answer: Pick strengths that match the role and prove them with real examples. For weaknesses, choose a genuine but non-critical area and show an active improvement plan. Interviewers reward self-awareness plus execution, not fake perfection.

Step-by-step approach

1. Select 2 strengths directly relevant to the target role requirements.
2. Prepare mini-STAR examples for each strength with measurable outcomes.
3. Choose one weakness that is real but improvable and not core-role blocking.
4. Explain the specific actions you are taking to improve that weakness.
5. Close with current progress signal, such as feedback trend or output change.
6. Avoid over-sharing personal issues unrelated to job performance.

Real-world example

Karan at Razorpay used to say his weakness was "I am a perfectionist," which interviewers found generic. Isha from PhonePe helped him choose a real weakness: over-committing to too many tasks in parallel. He then added his improvement plan using weekly prioritization and stakeholder alignment notes. The answer became authentic and credible.

Mistakes to avoid

• Giving cliché weaknesses with no corrective action.
• Choosing strengths unrelated to role needs.
• Turning weakness answer into self-criticism spiral.
• Claiming strengths without measurable evidence.

Authenticity plus improvement trajectory wins here.

Short answer: Technical rounds are cleared through pattern recognition, fundamentals, and communication under pressure. You do not need to solve every hard problem; you need a repeatable process and clean reasoning. Interviewers evaluate approach quality as much as final code.

Step-by-step approach

1. Build a study plan across DSA, language fundamentals, and debugging.
2. Solve curated problem sets by pattern: arrays, trees, graphs, DP, and system basics.
3. Practice thinking aloud while coding to show interviewer your reasoning path.
4. Revise complexity analysis and edge-case handling for every solved problem.
5. Run timed mock interviews weekly and review weak patterns.
6. Prepare project deep-dives because many technical rounds include practical discussions.

Real-world example

Ananya was stuck at coding rounds despite solving problems daily. Vikram asked her to switch from random practice to pattern-based revision and mock interviews. She started verbalizing thought process and validating edge cases before coding. Her next set of interviews at Flipkart and Razorpay showed immediate improvement in round outcomes.

Mistakes to avoid

• Practicing only easy questions and avoiding timed pressure.
• Coding silently and leaving interviewer blind to your reasoning.
• Skipping revision of failed questions.
• Neglecting core CS fundamentals and focusing only on tricks.

Structure beats randomness in technical prep.

Short answer: Answer with a researched range, not a random number or hard anchor. Mention flexibility while signaling that your expectation is market-aligned and role-dependent. This keeps negotiation space open without weakening your position.

Step-by-step approach

1. Research compensation ranges for your role, city, and experience level before interviews.
2. Decide three values: target, acceptable, and minimum walk-away number.
3. Frame your answer as a range tied to role scope and market benchmark.
4. Ask for compensation structure details before final commitment.
5. Stay calm if interviewer asks current salary and redirect to expected value.
6. Confirm revised figures in writing once verbal alignment happens.

Real-world example

Meera used to panic when asked salary expectation and often gave low numbers. Rohit from Freshworks helped her prepare a benchmark sheet and a polished range-based response. In her next interview with Zoho, she gave a confident range and asked for fixed-variable split details. She avoided low anchoring and closed with a better package.

What to say / email template

Based on my experience and current market range for this role, I am targeting [X]-[Y] CTC, depending on final responsibilities and compensation structure. I am flexible and happy to discuss fixed, variable, and growth path to find a fair fit.

Numbers & benchmarks

• Keep range width around 10% to 15% for credible flexibility.
• For stability, many candidates prefer variable component below 20% to 25%.
• Always pre-decide minimum acceptable number before final HR round.

Mistakes to avoid

• Answering with a single number too early in process.
• Saying "any amount is fine" and losing negotiation leverage.
• Ignoring compensation structure and focusing only on CTC headline.
• Giving different expectations across rounds.

Range + rationale = confident salary answer.