Enjoy 20% off all plans by following our social accounts!
Preços Sign in / up
Get full access
Recommended

Front End System Design Playbook

The only guide you need for Front End System Design interviews
Robust framework
10+ 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
  • Poll WidgetPremiumDesign a poll widget that can be embedded on websites
    Topics
    UI component
  • Travel Booking (e.g. Airbnb)PremiumDesign a travel booking website like Airbnb and Expedia
    Topics
    PerformanceSEO
  • Photo Sharing (e.g. Instagram)PremiumDesign a photo sharing application like Instagram
    Topics
    AccessibilityNetworkingPerformance
  • 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
  • Email Client (e.g. Microsoft Outlook)PremiumDesign a desktop email client like Microsoft Outlook and Apple Mail
  • E-commerce Marketplace (e.g. Amazon)PremiumDesign an e-commerce marketplace website like Amazon and eBay
    Topics
    SEO
  • PinterestPremiumDesign Pinterest homepage, focusing on the masonry layout
    Topics
    AccessibilityNetworkingPerformance
  • Chat App (e.g. Messenger)PremiumDesign a chat application like Messenger and Slack
    Topics
    Networking
  • Diagram Tool (e.g. Lucidchart)PremiumComing soonDesign a design tool like Lucidchart
  • Music Streaming (e.g. Spotify)PremiumComing soonDesign a music streaming website like Spotify and Pandora
    Topics
    Networking
  • Video Conferencing (e.g. Zoom)PremiumComing soonDesign a video conferencing app like Zoom and Google Meet
    Topics
    NetworkingPerformance
  • 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
  • Google SheetsPremiumComing soonDesign a collaborative spreadsheet like Google Sheet and Excel
  • Video Streaming (e.g. Netflix)PremiumDesign a video streaming application like Netflix and YouTube
    Topics
    NetworkingPerformance