Practice Problems
Master frontend system design and AI Frontend architecture through 18 curated problems. Design, get feedback, improve.
Design a Reusable Component Library
Design a shared frontend component library with theming, versioning, and developer-experience trade-offs.
Infinite Scroll News Feed
Design a high-performance infinite feed with virtualization, cursor pagination, caching, and scroll restoration.
Client-Side Search with Autocomplete
Design an accessible autocomplete system with debouncing, caching, offline fallback, and race-condition handling.
Real-Time Notification Center
Design a real-time notification system with multi-tab sync, read-state updates, and resilience during notification storms.
RAG-Powered Smart FAQ
Design a retrieval-augmented FAQ experience with chunking, relevance evaluation, and grounded answer generation.
Dynamic Form Builder
Design a configurable form builder with schema persistence, validation, and intelligent defaults.
Micro-Frontend Architecture
Design a micro-frontend platform with independent deploys, shared foundations, and healthy ownership boundaries.
Offline-First PWA
Design an offline-first progressive web app with service workers, sync, caching, and conflict resolution.
Collaborative Whiteboard
Design a real-time collaborative whiteboard with CRDTs, presence, undo/redo, and large-session performance.
On-Device Image Classifier
Design a browser-based image classification system using TensorFlow.js with model loading strategies, Web Worker inference, and graceful degradation.
AI-Powered Smart Search
Design a semantic search experience using browser-side embeddings, vector similarity, and hybrid keyword fallback.
Streaming AI Chat UI
Design a production streaming chat interface with token buffering, cancellation, markdown rendering, and error recovery.
Browser Sentiment Dashboard
Design a real-time sentiment analysis dashboard that runs inference in the browser using ML models, with visualization and batch processing.
Client-Side Embedding Search
Design an entirely client-side semantic search system using browser embedding APIs, IndexedDB vector storage, and approximate nearest neighbor retrieval.
AI Content Moderation Pipeline
Design a content moderation system that combines client-side pre-screening with server-side classification, human review queues, and trust & safety UX.
AI-Powered Form Auto-Fill
Design an intelligent form system that uses LLM extraction to auto-populate fields from unstructured text, with confidence scoring and user override.
Conversational UI Agent
Design a tool-calling conversational agent that can take actions in your app — searching, creating, updating — through natural language with approval gates and rollback.