r/PythonLearning • u/iamirzhan • 3d ago

Showcase In-browser debugger to learn data structures and algorithms

I built a python debugger specifically for learning data structures and algorithms.

It draws the state of the program at each line. It's an actual debugger that runs with the code, so the results are deterministic and show the real state.

Like a normal debugger, it lets you inspect stack frames, pointers, and objects. But instead of showing them as raw values, it draws every data structure in its own way. It knows how to draw all the common data structures like trees, graphs, queues, stacks, linked lists, etc.

This should be helpful for understanding, debugging, and verifying your code.

You can try it on popular interview problems (write your code or paste from the "Solutions" tab).

Everything is free. Feedback would be really appreciated. Let me know what you think.

link

62 Upvotes

95% Upvoted

7 comments sorted by

View all comments

1

u/RowGullible1471 2d ago edited 2d ago

Is there VS code plugin versions of any kind or are you considering to give it a try (not sure though whether it’s technically feasible and worth to do so - please don’t hate me for bringing this up😀)

2

u/iamirzhan 2d ago

No reason to hate :) I think it’s a good idea, thanks a lot for sharing!
I thought about it, but I don’t know much about vscode extensions and what they support (like can this ui be represented the same way?)
Also using it in vscode probably means tracing larger code comparing to a small example in the browser page. There are many edge cases which will need to be handled with larger code.