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 popular machine coding problem asked in interviews at Tekion and also seen at companies like Zepto and Plum. The task is to build a card matching game using React where cards are placed face down in random order. Each card has a pair, and users reveal two cards at a time to find matches. Matching pairs stay visible, while incorrect pairs flip back after a short delay. The game ends when all pairs are matched.
A common frontend system design question asked at Google focuses on building a draggable list of notes. Users should be able to reorder items via drag-and-drop and have the updated order persist across sessions. This tests your understanding of DOM interactions, state management, event handling, and client-side persistence in real-world UI systems.
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 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.
A classic stack-based problem asked in interviews at Tekion. You are given an array of integers where each value represents an asteroid鈥檚 direction and weight鈥攑ositive 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.