My name isBohdan and reading source code is my hobby and passion.

Few years ago I decided to learn React source code. It took quite some time, but as a result I published the open-source book“Under the hood ReactJs” which explains entire codebase with flowcharts.

First thing I realised after that I need some tool to generate flow chart images from JavaScript code. So a year later I built an open-source tool for that called“js2flowchart” which automatically generates flowcharts from JavaScript code.

Later, I discovered I still need something broader to cover entire codebase, something that can help marking important places in code, connections between files, etc. That's why I built “codecrumbs” (name is derived from “code” and “breadcrumb”). You can checkoutopen-source version on Github.

While keep adding more features and learning more about the topic I got the vision thatjust a "library" won't solve it, it's time to step up the game and build an applicationwith more systematic approach!

🔭 So currently I’m working onCodecrumbs v2, which standalone application with many cool features! Check outproject here.

Follow alongside to see where it leads us.

PinnedLoading

1. codecrumbscodecrumbsPublic

   Learn, design or document codebase by putting breadcrumbs in source code. Live updates, multi-language support and more.

   JavaScript 2.7k 104

2. js-code-to-svg-flowchartjs-code-to-svg-flowchartPublic

   js2flowchart - a visualization library to convert any JavaScript code into beautiful SVG flowchart. Learn other’s code. Design your code. Refactor code. Document code. Explain code.

   JavaScript 7.1k 480

3. Under-the-hood-ReactJSUnder-the-hood-ReactJSPublic

   Entire React code base explanation by visual block schemes (Stack version)

   JavaScript 6.6k 608

4. js-algorithmsjs-algorithmsPublic

   Computer science

   JavaScript 81 26