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

34 questions in Frontend & Experience Architecture.

  1. Accessibility Architecture intermediate Multiple choice

    A single-page application replaces the page content when the route changes. Sighted users see a new page. A screen-reader user hears nothing, and their keyboard focus is now at the top of the document. Which change fixes this at the right level?

    3 min answer accessibilityspafocus-managementlive-regions
  2. Accessibility Architecture intermediate

    An accessibility audit finds that a custom dropdown is unusable with a screen reader. It passed automated checks. Why, and what is the systemic fix?

    2 min answer accessibilitycomponentsdesign-system
  3. Accessibility Architecture intermediate

    The European Accessibility Act became enforceable on 28 June 2025 and applies to consumer services including online shops and banking, with EN 301 549 as the harmonised standard referencing WCAG level AA. A team with 11 applications proposes moving accessibility into its design system rather than fixing each application. What does that buy, what does it pay, and where does it stop working?

    3 min answer accessibilitydesign-systemeaawcag
  4. API Shapes for UI intermediate Multiple choice

    A marketplace of eBay's kind ranks its feed per user and re-ranks continuously as listings end and prices change, so an item's position can move within seconds. Users scroll infinitely on mobile. Which pagination approach should the API use?

    3 min answer paginationfeedsrankingcursors
  5. API Shapes for UI intermediate

    A mobile client makes eleven requests to render one screen. What is the architectural problem, and what are the options?

    2 min answer swiggyapi-designaggregationbff
  6. API Shapes for UI intermediate

    A mobile screen makes six sequential API calls and takes two seconds on a good connection. What are your options?

    2 min answer bffround-tripsaggregationgraphql
  7. BFF for Experience intermediate Multiple choice

    Six product teams ship a web app and an iOS app against 23 domain services. A typical screen needs data from four to nine of them. Mobile releases take roughly three weeks to reach 90% of installs. Round-trip time on mobile networks is 60-150 ms. The platform team must pick one aggregation approach for the next two years. Which fits?

    2 min answer bffownershipapi-shapesversion-tail
  8. BFF for Experience intermediate

    Your mobile BFF now contains pricing logic, entitlement checks and order validation. What has gone wrong?

    2 min answer bffboundariesdrift
  9. Client Caching & Data Layer intermediate

    A single-page application shows stale data after a user makes a change elsewhere in the product. How should client-side caching and invalidation be designed?

    2 min answer client-cacheinvalidationoptimistic-updatesstaleness
  10. Client Caching & Data Layer intermediate

    Users complete an action and the interface still shows the previous value until they refresh. Diagnose.

    2 min answer frontendcachinginvalidation
  11. Client State Architecture intermediate Multiple choice

    What is the difference between server state and client state, and why does conflating them cause bugs?

    2 min answer statecachingsynchronisationurl-state
  12. Component Contracts intermediate

    A design system releases 4.3.0. The changelog says no breaking changes. Eleven of forty consuming applications report broken layouts. Review the versioning policy - what is wrong with it?

    3 min answer design-systemscomponent-contractssemverimplicit-coupling