olucasandrade

olucasandrade / sdpd

Public

Learn System Design by being a detective in a game

sdpd.live
59
3
100% credibility
Found Feb 25, 2026 at 41 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

SDPD is a gamified web application that teaches distributed systems design by having players investigate and solve 33 interactive failure scenarios as detectives.

How It Works

1
🕵️ Discover SDPD

You stumble upon this exciting detective game that turns learning about computer networks into solving mysteries.

2
🚀 Launch the Game

Follow a few simple steps on your computer to open the game in your web browser and start your adventure.

3
📋 View Case Board

See all 33 cases organized by topics, check your progress bar, and pick one that's ready to play.

4
🔍 Investigate the Scene

Dive into a case by reading the story, clicking on colorful system parts to uncover logs and clues like a real detective.

5
🩺 Diagnose and Solve

Answer smart questions to figure out what's broken and choose the best fix, getting helpful feedback right away.

6
⭐ Collect Badges

Celebrate solving the case with a shiny badge, unlock the next one, and watch your rank climb from Rookie to Chief.

👑 Become a Systems Expert

After tackling all cases, you've mastered tricky computer system ideas through fun, hands-on puzzles and feel ready for real challenges.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 41 to 59 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is sdpd?

SDPD turns learning system design into a detective game: you investigate 33 real-world distributed systems failures via interactive diagrams, diagnose root causes with multiple-choice quizzes, and recommend fixes. It covers replication, consistency, load balancing, caching, messaging, storage, networking, and advanced topics like chaos engineering, with progress tracking, ranks, and multilingual support in English and Portuguese. Built in TypeScript with React and Vite, it runs in your browser, saving state locally—no setup beyond npm install and npm run dev.

Why is it gaining traction?

Unlike dry tutorials on how to learn system architecture or system design, SDPD hooks you with cyberpunk visuals, clickable node inspections showing logs and metrics, and sequential case unlocks that build skills progressively. Developers stick around for the achievement badges, educational concept breakdowns, and replayable scenarios mimicking production incidents. It's a fresh alternative to static resources for learning system design, blending gamification with practical debugging.

Who should use this?

System design interview candidates brushing up on distributed systems, backend engineers debugging outages, or students in courses on learn system administration and learn system design. Ideal for self-learners wanting interactive practice over videos on learn github workflows or learn git branching—pairs well with GitHub repos for hands-on devops pipelines.

Verdict

Worth forking for personal use or teaching; 33 polished cases and solid docs make it immediately playable despite 18 stars and 1.0% credibility score signaling early maturity. Add tests and mobile support to boost adoption—great free tool today.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.