Question bank
System Design question bank
Frontend systems to design, grouped by problem area.
Difficulty mix 353 questions · 19 categories
- Easy 34 10%
- Medium 132 37%
- Hard 187 53%
Pick a category and work it top to bottom. Your progress is remembered per category, in this browser. Read the System Design guide →
-
Rendering
-
React
-
Next.js
-
JavaScript
-
Browser
-
Performance
-
Caching
-
API
-
Security
-
Accessibility
-
CSS
-
State Management
-
Frontend Architecture
-
Testing
-
Monitoring
-
SEO
-
Core Web Vitals
-
Offline
-
System Design
Where to go next
📚 Learn & practice
Prompts get you drilling; these get you learning. Hand-picked, canonical sources — read the concept, then go deep.
Read
- GreatFrontEnd — Front End System Design greatfrontend.com
A framework built specifically for FE design rounds.
- patterns.dev patterns.dev
Rendering & performance patterns you'll cite in designs.
- web.dev — Architecture & PRPL web.dev
A delivery pattern worth naming in a design.
- System Design Primer github.com
Backend-leaning, but the fundamentals transfer.
Practice
- GreatFrontEnd — System design questions greatfrontend.com
Real FE design prompts with sample solutions.