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:
- React.js
- Node.js
- PostHog for analytics
- Postgresql
You can practice different LLD questions and visualize the systems working using the simulators.
Challenges faced:
- I was not sure on how to make the simulators look interactive, ultimately went ahead with react-flow.
- 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:
- It is always best to visualize and experiment with things to understand how they work.
- 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)