I come from a data analytics background and picked up web dev on the side. When I started learning web development, my way in was always to trace real actions through a codebase — how does login actually work? What happens when a user uploads a file? Where does that data end up?
No tool did this for me. So I'd manually dig through code, follow the trail, and piece together how things connected. It was the best way I found to actually understand an application — but it was painfully slow.
With AI now being able to genuinely understand codebases, I realized I could finally build the tool I always wished I had. So I built Revibe (https://revibe.codes). It takes any codebase and reverse-engineers interactive, multi-level documentation:
Bird's-eye view — high-level architecture, how the major pieces fit together, data flow between components User Journey — see how a user interacts with the application and drill down to the exact code component involved in that action Module/feature level — what each part of the app does and why, how components interact Guided code navigation — "Start here, go here next" walkthroughs that explain your code the way a senior dev would on your first day
You can start at whatever level makes sense and drill down (or zoom out) as needed. A founder can stay at the architecture level. A new developer can go deep into specific modules. Everyone gets context without reading every file. Works on any codebase, but especially useful for vibe-coded projects and inherited codebases where documentation was never a priority.
Hope it is able to help others as well. Would love feedback.
Thanks for taking a look.