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. Accessibility Architecture beginner Multiple choice

    A dashboard lays out six cards in a CSS grid and uses the order property so the most important card appears first on narrow screens while staying later in the HTML. Keyboard users tab through the cards in an order that does not match what they see. The page has about 40 focusable elements. Which change fixes this at the right level?

    2 min answer accessibilityfocus-ordertabindexwcag
  2. 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
  3. 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
  4. Accessibility Architecture advanced

    Six weeks before launch, an accessibility audit returns 200 issues. The team's automated checks were green. Why, and what do you do?

    2 min answer accessibilitytestingcompliancefrontend
  5. 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
  6. Accessibility Architecture advanced

    Where should accessibility live architecturally so it is not a remediation project every year?

    1 min answer accessibilitydesign-systemtestinggovernance
  7. API Shapes for UI advanced

    A developer platform exposes both a resource-oriented API and a graph query API. What does each do well, and what breaks?

    1 min answer api-designgraphqlrestcaching
  8. 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
  9. 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
  10. 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
  11. BFF for Experience advanced

    A team adds a backend-for-frontend per client - web, iOS, Android, partner. Latency and payload sizes improve immediately. What has been given up, and when does that bill arrive?

    3 min answer bffcouplingownershipduplication
  12. BFF for Experience advanced

    A travel platform serves web, iOS, Android and partner integrations from the same services. When is a backend-for-frontend justified?

    1 min answer bffapi-designaggregationcoupling