What it does
I wanted to run a system design after drawing it. Built System Designer around a full simulated day of traffic, so you can see what happens to the architecture when spikes and outages hit it.
You read the problem and estimate the scale before building. After the day, the debrief shows what happened to reliability, speed, data safety and cost, then you can change the design and try again.
There are 82 problems across 15 industries and 41 lessons. No account needed, though signing in lets you sync progress and use the leaderboards.
How I built it
The game is plain HTML/CSS/JS modules with a PixiJS canvas. For development you just serve the folder, no build or install.
The traffic engine is a deterministic flow model, moving in fixed 10-second ticks. It also runs in Node, so the leaderboard server can take a submitted design and replay the same traffic, cause it needs to keep its own score.
Prices, capacities and latencies are teaching approximations. The source is MIT.
What's next
New problems and clearer lesson wording are open for contributions. There's an adding a problem guide in the repo.
Built With
- css3
- html5
- javascript
- node.js
- pixi.js
