DEV Community

Cover image for I Built a System Design Simulator Because Diagrams Weren’t Enough
Shreya Srivastava
Shreya Srivastava

Posted on

I Built a System Design Simulator Because Diagrams Weren’t Enough

When preparing for system design interviews, I realized something frustrating — most resources explain what components do, but not how they behave together. Also, it was difficult for me to prepare for LLD, because most resources made it feel as if I had to memorize things but couldn't find a cheaper alternative to practice it.

So I decided to build a small web app where you can visually simulate system design concepts.

Tech stack used:

  1. React.js
  2. Node.js
  3. PostHog for analytics
  4. Postgresql

You can practice different LLD questions and visualize the systems working using the simulators.

practice kafka

Challenges faced:

  1. I was not sure on how to make the simulators look interactive, ultimately went ahead with react-flow.
  2. I didn't know the best way to help a user understand LLD, since it shouldn't be like leetcode, but a guided system must be in place.

What I learned:

  1. It is always best to visualize and experiment with things to understand how they work.
  2. LLD seems complex, but if there's a good guided system in place, that grades based on structure of code rather than just implementation, then it feels like a breeze.

If you’re preparing for interviews or learning system design, I’d love your feedback.

Check out the app here

Top comments (0)