System design concepts
Learn a concept โ€” then attempt its linked design challenge.
โฌกFoundations of Distributed Systemsยท 12
Free
โ—‰Synchronous vs Asynchronous Communication
Request/response vs fire-and-forget patterns and their latency implications.
65% avg score
~30 min
Free
โ—‰REST API Design Principles
Resource naming, HTTP verbs, pagination, versioning, and request/response shape.
65% avg score
~30 min
Free
โ—‰WebSockets vs SSE vs Polling
Full-duplex, server-push, and client-pull communication patterns compared.
65% avg score
~30 min
Free
โ—‰Event-Driven Architecture
Events, commands, producers, consumers, and event schema design.
65% avg score
~30 min
Free
โ—‰Vertical vs Horizontal Scaling
Scaling up vs scaling out, stateless vs stateful services.
65% avg score
~30 min
Free
โ—‰Back-of-Envelope Estimation
Step-by-step estimation framework: users โ†’ RPS โ†’ storage โ†’ total.
65% avg score
~30 min
Free
โ—‰Stateless Service Design
Why stateless services scale better and how to move state to Redis or a database.
65% avg score
~30 min
Free
โ—‰Failure Modes in Distributed Systems
Network partitions, crashes, slow dependencies, and timeout design.
65% avg score
~30 min
Free
โ—‰Exponential Backoff and Retry
Retry logic, exponential backoff formula, jitter, and thundering herd prevention.
65% avg score
~30 min
Free
โ—‰Circuit Breakers
CLOSED โ†’ OPEN โ†’ HALF-OPEN state machine for fast-failing broken dependencies.
65% avg score
~30 min
Free
โ—‰Idempotency
Idempotency keys, server-side check-lock-process-cache pattern, and TTL design.
65% avg score
~30 min
Free
โ—‰Graceful Degradation and Fallbacks
Serving stale data, fallback content, and feature flags as degradation controls.
65% avg score
~30 min
โ—ซData Storage & Databasesยท 13
Free
โ—‰Schema Design Fundamentals
Tables, columns, data types, primary keys, and constraints in relational databases.
65% avg score
~30 min
Free
โ—‰Relationships and Foreign Keys
One-to-many, many-to-many, foreign key constraints, and junction tables.
65% avg score
~30 min
Free
โ—‰Database Constraints as Data Guards
CHECK, UNIQUE, and composite constraints that enforce data integrity at the DB level.
65% avg score
~30 min
Free
โ—‰Database Indexes: Making Queries Fast
B-tree indexes, composite indexes, partial indexes, and the cost of over-indexing.
65% avg score
~30 min
Free
โ—‰Append-Only Audit Tables
Why audit logs must never be updated and how to partition them for performance.
65% avg score
~30 min
Free
โ—‰Read Replicas and Write Scaling
Primary for writes, replicas for reads, replication lag, and eventual consistency.
65% avg score
~30 min
Free
โ—‰Redis Deep Dive
Strings, sorted sets, LRU eviction, rate limiting pipelines, and leaderboard patterns.
65% avg score
~30 min
Free
โ—‰CDN Caching
Edge caching, Cache-Control headers, CDN purging, and when CDN beats Redis.
65% avg score
~30 min
Free
โ—‰Client-Side Caching
React Query stale-while-revalidate, in-memory LRU cache, and localStorage persistence.
65% avg score
~30 min
Pro
โ—ˆWhen to Use NoSQL
Document stores, key-value stores, and choosing between Postgres and Firestore.
65% avg score
~30 min
Pro
โ—ˆTime-Series and Columnar Databases
ClickHouse and BigQuery for analytics, columnar storage, and date partitioning.
65% avg score
~30 min
Pro
โ—ˆObject Storage (S3-Compatible)
Blob storage, content-addressable storage, lifecycle rules, and presigned URLs.
65% avg score
~30 min
Pro
โ—ˆIndexedDB for Browser-Side Storage
Object stores, indexes, transactions, and using IndexedDB as a local-first data layer.
65% avg score
~30 min
โ‡„Messaging & Async Processingยท 9
Pro
โ—ˆMessage Queue Fundamentals
Producer, consumer, broker, message lifecycle, and backpressure handling.
65% avg score
~30 min
Pro
โ—ˆKafka Deep Dive
Topics, partitions, offsets, consumer groups, log retention, and Kafka vs SQS.
65% avg score
~30 min
Pro
โ—ˆSQS and Managed Queues
Visibility timeout, long polling, FIFO queues, and redrive policy configuration.
65% avg score
~30 min
Pro
โ—ˆDead-Letter Queues
Why messages fail, DLQ configuration, re-drive workflow, and alerting on DLQ depth.
65% avg score
~30 min
Pro
โ—ˆAt-Least-Once vs Exactly-Once Delivery
Why at-least-once is the practical default and how to make consumers idempotent.
65% avg score
~30 min
Pro
โ—ˆWorker Pool Pattern
Infinite dequeue loop, worker sizing by job type, and graceful SIGTERM shutdown.
65% avg score
~30 min
Pro
โ—ˆQueue-per-Channel Pattern
Isolating failure, independent scaling, and different retry policies per channel.
65% avg score
~30 min
Pro
โ—ˆScheduled Jobs and Cron
Cron syntax, idempotent crons, and distributed cron for single-instance guarantees.
65% avg score
~30 min
Pro
โ—ˆAsync Processing Pipelines
Multi-stage pipelines, fan-out, and fan-in aggregation from parallel workers.
65% avg score
~30 min
โŠ›API & Backend Patternsยท 9
Pro
โ—ˆAuthentication Fundamentals
Cookie sessions, JWT tokens, OAuth 2.0, and secure token storage patterns.
65% avg score
~30 min
Pro
โ—ˆAuthorisation and RBAC
Role-based access control, row-level security, and server-side permission validation.
65% avg score
~30 min
Pro
โ—ˆPayment Integration Fundamentals
Stripe PaymentIntents, PCI compliance, payment webhooks, and subscription modelling.
65% avg score
~30 min
Pro
โ—ˆDistributed Payment Architecture
Atomic debits, optimistic vs pessimistic locking, and offline payment resilience.
65% avg score
~30 min
Pro
โ—ˆProvider Adapter Pattern
Common interface over third-party APIs with per-provider adapters and automatic failover.
65% avg score
~30 min
Pro
โ—ˆThird-Party API Resilience
Circuit breakers, caching for outages, data gap detection, and multi-provider fan-out.
65% avg score
~30 min
Pro
โ—ˆWebhooks: Receiving External Events
Endpoint design, HMAC signature validation, idempotent handlers, and retry handling.
65% avg score
~30 min
Pro
โ—ˆRate Limiting Algorithms
Token bucket, fixed window, sliding window, leaky bucket, and Redis implementation.
65% avg score
~30 min
Pro
โ—ˆRate Limiting in Practice
Per-user, per-client, per-provider, and per-channel limits and their enforcement.
65% avg score
~30 min
โšกReal-Time & Streaming Systemsยท 7
Pro
โ—ˆWebSocket Architecture
Connection lifecycle, shared vs per-component sockets, and scaling with pub/sub fanout.
65% avg score
~30 min
Pro
โ—ˆServer-Sent Events (SSE)
Unidirectional server push, HTTP/2 multiplexing, and reconnection with Last-Event-ID.
65% avg score
~30 min
Pro
โ—ˆReal-Time State Management
Delta updates, normalised stores, optimistic updates, and staging incoming changes.
65% avg score
~30 min
Pro
โ—ˆPresence and Awareness
Typing indicators, live cursors, online/offline status, and Yjs Awareness API.
65% avg score
~30 min
Pro
โ—ˆAdaptive Bitrate Streaming (HLS/DASH)
Learn about Adaptive Bitrate Streaming and its key components
65% avg score
~30 min
Pro
โ—ˆAudio Streaming Architecture
CDN delivery, progressive vs chunked audio, and gapless playback implementation.
65% avg score
~30 min
Pro
โ—ˆVideo Processing Pipelines
Upload โ†’ transcode โ†’ multi-resolution โ†’ CDN pipeline with async job queues.
65% avg score
~30 min
โฌ•Frontend Architectureยท 18
Free
โ—‰Frontend Architecture Patterns
Container/presenter split, Context vs global store, and when to lift or push state.
65% avg score
~30 min
Free
โ—‰State Management with Zustand
Normalised store shape, slices, selectors, and avoiding unnecessary re-renders.
65% avg score
~30 min
Free
โ—‰Server State with React Query
Stale-while-revalidate, infinite scroll with useInfiniteQuery, optimistic mutations.
65% avg score
~30 min
Pro
โ—ˆState Machines on the Frontend
XState vs useReducer, modelling multi-step flows, and preventing impossible UI states.
65% avg score
~30 min
Free
โ—‰Virtualisation and Large Lists
Why DOM can't hold 10k nodes, react-window vs tanstack-virtual, and scroll restoration.
65% avg score
~30 min
Free
โ—‰Lazy Loading Images and Media
Intersection Observer, loading=lazy, LQIP blur-up, and responsive srcset/sizes.
65% avg score
~30 min
Free
โ—‰Infinite Scroll and Pagination
Cursor vs offset pagination, sentinel element, pre-fetching, and load-more fallback.
65% avg score
~30 min
Pro
โ—ˆWeb Workers for Heavy Computation
Main vs worker thread, Comlink RPC over postMessage, and Transferable objects.
65% avg score
~30 min
Pro
โ—ˆCanvas and WebGL Rendering
Canvas 2D render loop, viewport culling, camera as ref, and RBush spatial indexing.
65% avg score
~30 min
Pro
โ—ˆService Workers
Install/activate/fetch lifecycle, Cache API strategies, and update handling.
65% avg score
~30 min
Pro
โ—ˆOffline-First Architecture
IndexedDB as primary store, sync queue, Background Sync API, and conflict resolution.
65% avg score
~30 min
Pro
โ—ˆCross-Tab Synchronisation
BroadcastChannel API, storage event fallback, Web Locks leader election.
65% avg score
~30 min
Pro
โ—ˆIntersection Observer API
Shared observer instance, rootMargin pre-loading, and autoplay/lazy-load use cases.
65% avg score
~30 min
Pro
โ—ˆGeolocation and Permissions API
Checking permission state, getCurrentPosition vs watchPosition, and GPS fallbacks.
65% avg score
~30 min
Pro
โ—ˆFile API and File System Access API
Blob, FileReader, drag-and-drop DataTransfer, and showOpenFilePicker.
65% avg score
~30 min
Pro
โ—ˆWeb Crypto API
AES-GCM symmetric encryption, RSA-OAEP key wrapping, PBKDF2 key derivation.
65% avg score
~30 min
Pro
โ—ˆWeb Audio API
AudioContext graph, BiquadFilterNode EQ, crossfade with GainNode, and visualiser with AnalyserNode.
65% avg score
~30 min
Pro
โ—ˆWebRTC
RTCPeerConnection, SDP offer/answer, ICE, getUserMedia, and mesh vs SFU topology.
65% avg score
~30 min
โ‡ŒCollaboration & Conflict Resolutionยท 6
Pro
โ—ˆConflict-Free Replicated Data Types (CRDTs)
The concurrent edit problem, CRDT vs OT comparison, and Yjs Y.Text/Y.Array/Y.Map.
65% avg score
~30 min
Pro
โ—ˆYjs in Practice
y-websocket sync protocol, Awareness API, offline buffering, and snapshot persistence.
65% avg score
~30 min
Pro
โ—ˆOperational Transform (OT)
How OT works, why it needs a server to order operations, and OT vs CRDT tradeoffs.
65% avg score
~30 min
Pro
โ—ˆLast-Write-Wins Conflict Resolution
Highest timestamp wins, when LWW causes data loss, and server vs client timestamps.
65% avg score
~30 min
Pro
โ—ˆThree-Way Merge
Base + local + remote = merged result, conflict detection, and user-prompted resolution.
65% avg score
~30 min
Pro
โ—ˆDelta Sync
Sending only what changed, version vectors for change tracking, and reducing sync payload size.
65% avg score
~30 min
โ—ˆSpecialised Topicsยท 14
Pro
โ—ˆA/B Testing Systems
A/B testing evaluates user responses to different versions of a webpage or app
65% avg score
~26 min
Pro
โ—ˆAnalytics Pipelines
A comprehensive guide to understanding analytics pipelines and their components
65% avg score
~37 min
Pro
โ—ˆLogging and Observability
Structured logging, RED metrics, distributed tracing, OpenTelemetry, and tiered retention.
65% avg score
~30 min
Pro
โ—ˆGeospatial Queries
Haversine formula, PostGIS proximity search, and bounding box pre-filter optimisation.
65% avg score
~30 min
Pro
โ—ˆIP-Based Localisation
GeoIP databases, CDN edge resolution, fallback chains, and VPN/proxy handling.
65% avg score
~30 min
Pro
โ—ˆReal-Time Location Tracking
GPS update frequency, rAF lerp for smooth pins, noise filtering, and camera auto-fit.
65% avg score
~30 min
Pro
โ—ˆPassword Security
PBKDF2/bcrypt/Argon2id, HaveIBeenPwned k-anonymity, NIST 800-63B rules, and lockout.
65% avg score
~30 min
Pro
โ—ˆEnd-to-End Encryption in the Browser
PBKDF2 โ†’ AES-GCM key derivation, per-note data keys, and RSA-OAEP key sharing.
65% avg score
~30 min
Pro
โ—ˆFile Security and Deduplication
SHA-256 content-addressable storage, reference counting, and convergent encryption.
65% avg score
~30 min
Pro
โ—ˆEdge Computing and CDN Architecture
Moving computation to the edge, Cloudflare Workers, and edge vs origin tradeoffs.
65% avg score
~30 min
Pro
โ—ˆMicrocontroller and Embedded Constraints
RAM/flash/CPU limits, RTOS, flash wear levelling, watchdog timer, and OTA updates.
65% avg score
~30 min
Pro
โ—ˆOffline-Capable Hardware Systems
Offline policy design, idempotent transaction replays, and regional auth clusters.
65% avg score
~30 min
Pro
โ—ˆDrag-and-Drop Architecture
HTML5 DnD API vs @dnd-kit, ghost preview, snap-to-grid, and collision detection.
65% avg score
~30 min
Pro
โ—ˆGrid Layout and Widget Systems
react-grid-layout onLayoutChange, widget registry, undo/redo history, and autosave.
65% avg score
~30 min
System design challenges
End-to-end SD challenges. Learn the concepts above first.
โ†— Design a notification system
senior ยท 60 min ยท backend
backend๐Ÿ”’ queuenotification
โ–ถ Start
โ†— Design a real-time analytics dashboard
senior ยท 45 min ยท frontend
frontend๐Ÿ”’ real-timeperformance
โ–ถ Start
โ†— Design an interview preparation platform
senior ยท 90 min ยท fullstack
fullstacksubscription๐Ÿ”’ auth
โ–ถ Start
โ†— Design a URL shortener
intermediate ยท 45 min ยท backend
backendcachingdatabase
โ–ถ Start
View all 51 challenges โ†’