Recommended

Front End System Design Playbook

The only guide you need for Front End System Design interviews
Robust framework
20+ solved questions
Deep-dives into real-world applications
System design interviews are often reserved for mid-to-senior roles, focusing on your ability to design complex, scalable, and maintainable systems. With few resources out there specifically for front end system design, we've crafted the Front End System Design Guide—the most comprehensive resource available.

Techniques and guides

  • Introdução ao Design de Sistemas Front-EndAprenda técnicas úteis e como abordar as principais perguntas de design de sistemas front-end, escritas por ex-entrevistadores de empresas de tecnologia renomadas FAANG.
  • Tipos de perguntas de design de sistema front-endFormatos de perguntas que você pode esperar em uma entrevista de design de sistema de front end.
  • Framework RADIOAborde suas entrevistas de design de sistemas front-end de forma estruturada. Uma boa estrutura é meio caminho andado.
  • Eixos de Avaliação para Entrevistas de Design de Sistemas Front-EndComportamentos específicos e sinais que os entrevistadores observam durante entrevistas de design de sistemas front-end.
  • Erros Comuns Cometidos Durante Entrevistas de Design de Sistemas Front End6 erros comuns que você deve evitar durante entrevistas de design de sistemas front-end.
  • Resumo para Projeto de Sistema Front-EndResumo das coisas importantes que você precisa observar durante as entrevistas de design de sistema front-end.

Practice questions

Lista de perguntas

  • News Feed (e.g. Facebook)Design a news feed user interface similar to Facebook and Twitter
    Topics
    AccessibilityPerformance
  • AutocompleteDesign an autocomplete component seen on Google and Facebook search
    Topics
    AccessibilityUI component
  • PinterestPremiumDesign Pinterest homepage, focusing on the masonry layout
    Topics
    AccessibilityNetworkingPerformance
  • Rich Text EditorPremiumDesign a rich text editor component used on websites like Medium and Gmail
    Topics
    PerformanceUI component
  • Google DocsPremiumDesign a collaborative editor like Google Docs and Notion
    Topics
    Networking
  • NEW
    Design / Drawing Tool (e.g. Figma, Canva, Excalidraw)PremiumDesign a browser-based design and drawing tool with layers, transforms, and smooth canvas interactions
  • Video Streaming (e.g. Netflix)PremiumDesign a video streaming application like Netflix and YouTube
    Topics
    NetworkingPerformance
  • E-commerce Marketplace (e.g. Amazon)PremiumDesign an e-commerce marketplace website like Amazon and eBay
    Topics
    SEO
  • Travel Booking (e.g. Airbnb)PremiumDesign a travel booking website like Airbnb and Expedia
    Topics
    PerformanceSEO
  • Chat App (e.g. Messenger)PremiumDesign a chat application like Messenger and Slack
    Topics
    Networking
  • Photo Sharing (e.g. Instagram)PremiumDesign a photo sharing application like Instagram
    Topics
    AccessibilityNetworkingPerformance
  • Music Streaming (e.g. Spotify)PremiumDesign a music streaming application like Spotify with persistent playback, queueing, and offline support
    Topics
    Networking
  • Video Conferencing (e.g. Zoom)PremiumDesign a browser-based video conferencing app like Zoom and Google Meet
    Topics
    NetworkingPerformance
  • Google SheetsPremiumDesign a collaborative spreadsheet like Google Sheets and Excel
  • Dropdown MenuPremiumDesign a dropdown menu component that reveals a menu containing a list of actions
    Topics
    AccessibilityUI component
  • Image CarouselPremiumDesign a horizontally-scrolling image carousel component
    Topics
    AccessibilityPerformanceUI component
  • Modal DialogPremiumDesign a modal/dialog component that shows a window overlaying the contents on the page
    Topics
    AccessibilityUI component
  • Data TablePremiumDesign a reusable data table component with fixed headers, flexible cell rendering, and good performance on large datasets
    Topics
    AccessibilityUI component
  • Poll WidgetPremiumDesign a poll widget that can be embedded on websites
    Topics
    UI component
  • Email Client (e.g. Microsoft Outlook)PremiumDesign a desktop email client like Microsoft Outlook and Apple Mail