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

91 questions in Frontend & Experience Architecture.

  1. Hydration Cost intermediate Multiple choice

    An article page is server-rendered React. Field p75 interaction to next paint is 420 ms on mid-range Android and the main thread is busy for roughly 1.9 seconds after the HTML arrives. Three widgets account for most of the client bundle - a comment thread a video player and a recommendation carousel. Fewer than 5% of readers open comments. Which change gets interaction to next paint under 200 ms with the least risk?

    2 min answer hydrationinpislandscore-web-vitals
  2. Internationalisation intermediate

    09:10 a release adds Portuguese for Angola. 09:40 support in Luanda reports prices shown in Brazilian reais with Brazilian tax wording. 10:05 one page shows English legal copy inside an otherwise Portuguese flow. No pricing or tax code changed in the release and every response is HTTP 200. What failed and which design decision allowed it?

    2 min answer i18nlocale-negotiationfallbackpricing
  3. Internationalisation advanced

    A commerce platform expands across markets with different languages, scripts, currencies and layout directions. What breaks that teams do not anticipate?

    1 min answer i18nrtllocalisationformatting
  4. Internationalisation intermediate

    A learning platform must support many languages including ones with different scripts and text directions. What must be architectural rather than cosmetic?

    2 min answer unacademysharechati18nrtl
  5. Internationalisation intermediate

    A release goes out and checkout fails for users in one market only - Turkey. The code path is identical for everyone and no market-specific logic was changed. The error is a failed comparison against a string constant. What happened?

    3 min answer internationalisationlocaleunicodedefects
  6. Internationalisation intermediate

    What must be designed for internationalisation on day one, and what can genuinely wait?

    2 min answer i18ndata-modeltimezonesretrofit
  7. Micro-Frontends advanced

    A company adopts micro-frontends across many teams. Two years later the product is slower, visually inconsistent and harder to change. What went wrong?

    1 min answer micro-frontendscouplingperformancedesign-systems
  8. Micro-Frontends advanced

    A front-end lead proposes micro-frontends so four teams can deploy independently. The application is a single React SPA. What is your assessment?

    2 min answer frontendmicro-frontendscouplingdelivery
  9. Micro-Frontends advanced

    A team proposes micro-frontends. What genuinely justifies them, and what is the usual cost?

    1 min answer credmicro-frontendsindependencecoupling
  10. Micro-Frontends advanced

    An organisation is considering micro-frontends so teams can deploy independently. What does this actually require, and when is it the wrong answer?

    2 min answer micro-frontendsmodule-federationcouplingperformance
  11. Micro-Frontends advanced Multiple choice

    Three teams sharing one web application propose micro-frontends. Assess.

    2 min answer frontendmodularityorganisation
  12. Module Federation advanced

    A shell application loads three remote modules at runtime. Two were built against one major version of the UI framework and one against the next. Everything works in the shell's local development setup and breaks in production with errors about invalid hook calls and missing context. What is happening, and how should the platform prevent it?

    3 min answer module-federationsingletonsversioningmicro-frontends