A curated series of real frontend interview questions from top companies like Google, Amazon, Uber, Atlassian, Roku, etc. Each blog breaks down problems, thought processes, and optimal solutions to help you master concepts, improve problem-solving, and confidently crack frontend interviews at leading tech companies.
A classic platform-round problem asked at Google where you build a dynamic zig-zag numbered grid using HTML, CSS, and JavaScript. Given an input n, generate an n × n grid where numbers alternate direction in each row. This tests DOM manipulation, logical thinking, and clean UI rendering under real interview constraints.
A real-world async control problem inspired by Uber interviews. Given multiple promises with dependencies (e.g., A depends on B & C, B depends on D & E), design a system to execute them in the correct order. This tests your understanding of JavaScript promises, dependency graphs, concurrency control, and writing clean, scalable async orchestration logic.
A classic stack-based problem asked in interviews at Tekion. You are given an array of integers where each value represents an asteroid’s direction and weight—positive moves left to right, negative moves right to left. When two asteroids collide, the heavier one survives. The goal is to determine which asteroids remain after all collisions are resolved.
A practical UI coding problem asked in interviews at Atlassian focuses on building a tab switcher component. Users can switch between multiple tabs, each displaying different content. As a follow-up, the selected tab should persist using query parameters so the same state is restored on refresh or when sharing the URL.
A commonly asked frontend problem in interviews at Fleek, Atlassian, and Zepto focuses on building a nested folder/file structure similar to an IDE. The task involves designing a data structure to represent folders and files, and rendering it recursively in JavaScript. It tests your understanding of tree structures, recursion, and UI state handling.