Portfolio ↗

Quiz

2707 questions of the kind that actually get asked — in interviews, in architecture review boards, and by the person who has to run the thing at 3 AM. Every answer states the trade-off rather than the slogan, and says when the obvious choice is the wrong one.

All areas2707 Architecture Fundamentals81 Distributed Systems101 Data Architecture90 Cloud Architecture87 Networking86 API & Integration Architecture78 Reliability & Resilience88 Observability81 Performance & Capacity Engineering90 Security Architecture95 Cost Architecture & FinOps92 Business Architecture93 Architecture Communication91 Enterprise Architecture91 Legacy Modernization92 AI-Era Architecture96 Software Architecture & Engineering84 Architecture Patterns84 Architecture Decision-Making91 The Architect's Meta-Skills92 Delivery & Release Engineering93 Platform Engineering & Developer Experience92 Testing & Quality Architecture90 Data Platform Architecture98 Streaming & Real-Time Data93 Data Governance & Semantics91 Frontend & Experience Architecture91 Edge, Mobile & IoT88 Regulatory & Data Protection Architecture90 Assurance, Audit & Model Risk98
Difficulty Any beginner intermediate advanced

52 questions in Frontend & Experience Architecture.

  1. Client State Architecture advanced

    An application keeps significant state on the client and synchronises with a server. What are the architectural decisions?

    2 min answer linearlocal-firstsyncconflicts
  2. Client State Architecture advanced

    Design client state for a document application supporting offline editing, real-time collaboration and instant navigation.

    1 min answer client-stateofflinesynccaching
  3. Component Contracts advanced

    A platform team's design system ships connected components - an avatar that fetches the user from its id, a price tag that calls the pricing service from a sku, and a notification bell that opens its own WebSocket. Forty applications consume it. The package is 180 KB compressed and the bell is in the shared header on every page. Review this. What would you remove, what would you keep, and what would you leave alone even though it looks wrong?

    2 min answer design-systemcomponent-contractscouplingwaterfall
  4. Core Web Vitals advanced

    A commerce site's layout shift metric worsens sharply after a release and the team cannot reproduce it locally. How do you find it?

    1 min answer core-web-vitalsclsrumdebugging
  5. Edge Rendering advanced

    A frontend platform runs functions at the edge for personalisation but must read user data that lives in one region. Which computations genuinely belong at the edge, and when does "edge" make debugging and consistency worse?

    3 min answer verceledge-functionspersonalisationlatency
  6. Edge Rendering advanced

    A platform can render at the edge, close to the user. Which workloads benefit, and which become harder?

    2 min answer verceledgelatencystate
  7. Edge Rendering advanced

    Design personalised page delivery at the edge for a global site. What can move to the edge, and what must not?

    1 min answer edgepersonalisationlatencycaching
  8. Edge Rendering advanced

    Marketing wants personalised content on pages currently cached at the edge with a 24-hour TTL. How do you preserve performance?

    2 min answer edgecachingpersonalisation
  9. Edge Rendering advanced

    Marketing wants personalised content on pages currently cached at the edge with a 24-hour TTL. Preserve the performance.

    2 min answer cdnpersonalisationcachingcomposition
  10. Frontend & Experience Architecture advanced

    A browser-based design tool must render complex documents at sixty frames per second while several people edit simultaneously. What does that force in the client architecture?

    2 min answer frontendcanvaswasmperformance
  11. Frontend & Experience Architecture advanced

    A product manager asks why the app feels slower on Android than on iOS when it is the same web application. Walk me through what you investigate and what you tell them.

    3 min answer device-classperformancefield-datamain-thread
  12. Frontend & Experience Architecture advanced

    In 2015 Flipkart built Flipkart Lite as a progressive web app after a period of pushing users to its native app. The published case study on web.dev reports time on site rising from about 70 seconds to about 3.5 minutes with 3x lower data usage and 63% of those users arriving over 2G. What problem forced the decision what did it actually buy and where would copying it be a mistake?

    2 min answer flipkartprogressive-web-appreachdevice-class