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 builtCodecrumbs v2, which standalone application with many cool features! Check outproject here.

🔭 Currently I buildingBetterlingo App - better way to learn language while enjoying content.

Follow alongside to see where it leads us.

PinnedLoading

1. CodecrumbsIO/codecrumbsCodecrumbsIO/codecrumbsPublic

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

   JavaScript 2.7k 105

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 484

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

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

   JavaScript 6.7k 615

4. js-algorithmsjs-algorithmsPublic

   Computer science

   JavaScript 83 26