22 tutorials available

Learn System Design

Build real architectures step by step. From messaging apps to AI agents — each tutorial teaches you how production systems work by guiding you to design them yourself.

Interactive Canvas
Step-by-step
AI Mentor

All Tutorials

Intermediate

How to Design ChatGPT Architecture

Build a production-ready AI inference system from scratch. Learn how LLMs, vector databases, RAG pipelines, and streaming services work together at OpenAI scale.

LLMVector DBRAG
0 nodes8 steps
Intermediate

How to Design Instagram Architecture

Instagram serves 2B+ monthly active users sharing 100M+ photos daily. Learn how CDN, distributed storage, ML recommendations, and the follower graph work at global scale.

social-mediacdnmedia-storage
0 nodes7 steps
Intermediate

How to Design OpenClaw Architecture

Build a subscription analytics platform. Learn event ingestion, Kafka streaming, analytics computation, cohort retention, and metrics visualization at scale.

analyticssubscriptionmetrics
0 nodes3 steps
Intermediate

How to Design Netflix Architecture

Build the streaming platform that serves 270M subscribers. Learn CDN-first design, distributed encoding, and ML-powered recommendations.

streamingcdnrecommendations
0 nodes7 steps
Intermediate

How to Design Uber Architecture

Build the two-sided ride-hailing platform that matches 25 million trips daily. Learn real-time geospatial matching, surge pricing, and distributed systems at global scale.

ride-hailinggeospatialmarketplace
0 nodes7 steps
Intermediate

How to Design WhatsApp Architecture

Build the messaging platform that powers 2 billion users. Learn about end-to-end encryption, message delivery, and voice calls at global scale.

messagingencryptionvoice
0 nodes4 steps
Intermediate

How to Design Stripe Architecture

Build the payments platform that processes billions of dollars. Learn about payment processing, idempotency, and financial compliance.

paymentsfintechcompliance
0 nodes5 steps
Intermediate

How to Design YouTube Architecture

Build the video platform serving 2 billion users. Learn about video encoding, CDN delivery, recommendations, and scalable architecture.

videocdnrecommendations
0 nodes5 steps
Intermediate

How to Design Notion Architecture

Build the all-in-one workspace used by millions. Learn about block-based storage, real-time collaboration, and rich text editing.

collaborationproductivityreal-time
0 nodes3 steps
Intermediate

How to Design Twitter Architecture

Build the real-time social network serving 200M+ users. Learn about timeline generation, tweet storage, and high-throughput systems.

social-mediareal-timefeed
0 nodes4 steps
Intermediate

How to Design Airbnb Architecture

Build the global rental marketplace. Learn about geo-search, dynamic pricing, and two-sided trust systems.

marketplacegeo-searchbooking
0 nodes3 steps
Intermediate

How to Design Discord Architecture

Build a real-time voice and text platform for 19 million active servers. Understand WebRTC, guild sharding, voice channel architecture, and message history at scale.

real-timewebsocketgaming
0 nodes10 steps
Intermediate

How to Design Zoom Architecture

Build the video conferencing platform. Learn about WebRTC, SFU, and real-time communication at scale.

video-conferencingwebrtcreal-time
0 nodes2 steps
Intermediate

How to Design Spotify Architecture

Build a music streaming platform for 600 million users. Learn audio transcoding, CDN delivery, offline sync, recommendation algorithms, and real-time listening sessions.

streamingcdnmusic
0 nodes5 steps
Intermediate

How to Design LinkedIn Architecture

Build a professional social network for 1 billion members. Learn social graph traversal, feed ranking, connection degrees, job matching, and real-time messaging at scale.

social-mediajob-matchingnetworking
0 nodes4 steps
Intermediate

How to Design Figma Architecture

Build a collaborative design tool for 4 million teams. Learn CRDTs for conflict-free simultaneous editing, presence awareness, canvas rendering, and version history at scale.

designcollaborationcrdt
0 nodes4 steps
Intermediate

How to Design Shopify Architecture

Build an e-commerce platform for 2 million merchants processing $235B in annual sales. Learn cart management, inventory locking, checkout flows, payment processing, and Black Friday traffic spikes.

e-commercepaymentsinventory
0 nodes5 steps
Intermediate

How to Design DoorDash Architecture

Build a food delivery platform completing 2 billion deliveries annually. Learn real-time order routing, dasher dispatch, ETA prediction, geofencing, and the three-sided marketplace problem.

deliverygeospatialmarketplace
0 nodes4 steps
Intermediate

How to Design GitHub Architecture

Build a code hosting platform for 100 million developers with 420 million repositories. Learn Git object storage, pull request workflows, CI/CD pipelines, code search, and webhook delivery at scale.

code-hostingci-cdgit
0 nodes4 steps
Intermediate

How to Design URL Shortener Architecture

Build the classic system design interview question — a URL shortening service like Bitly. Learn hash generation, redirect logic, analytics, and the tradeoffs between consistent hashing and base-62 encoding.

cachinganalyticsapi
0 nodes4 steps
Intermediate

How to Design RAG Application Architecture

Build a production RAG (Retrieval-Augmented Generation) system. Learn document ingestion, chunking strategies, vector embeddings, semantic search, reranking, and LLM synthesis at scale.

aillmembeddings
0 nodes4 steps
Intermediate

How to Design AI Agent System Architecture

Build a production AI agent system. Learn multi-agent orchestration, tool calling, memory systems, agent supervision, and LangGraph-style workflows that power autonomous AI systems.

aiagentsorchestration
0 nodes3 steps

More tutorials coming soonAI Agent System, RAG Application, URL Shortener