DEV Community

Moksh Jawa
Moksh Jawa

Posted on

A tool for building intuitive code documentation

Hi dev.to,

We're Rishabh, Aashish, Noah, and Moksh, the creators of Codeflow: a tool for building intuitive documentation for code. You can check it out here:

https://codeflow.now.sh/

As current college students, we were all lucky enough to spend our summers interning a variety of places. One common theme we found between our experiences is it was often difficult to start working on a project and typically took many rounds of discussions to understand the flow of the code. Tools like Dropbox Paper and Confluence are great at communicating high-level specifications for engineers, but fail to capture nuances needed for new engineers to continue developing.

Codeflow is our attempt at a solution. It allows engineers to easily build presentation-esque tutorials which focus on stepping through the code logically. We hope it can become a centralized repository of tutorials designed to capture an engineer's thought process and make ramp up more efficient.

Here's an example of a tutorial built using Codeflow:

https://codeflow.now.sh/tutorials/view/RishabhJain96/next.js/tree/b595dd/ck5q9b79d00000vlbn7ichp7p

At this stage, we're hoping for feedback as we try to validate this approach. Any and all thoughts are appreciated.

Thanks,

Rishabh, Aashish, Noah, and Moksh

Top comments (11)

Collapse
 
andrzejwp profile image
andrzejwp

Hi guys, it's pretty interesting. Is there any documentation I can read to find out how this works?

Collapse
 
aashj profile image
Aashish Jain

Hi,

We have an FAQ page that we're actively adding to. Codeflow has you authenticate via GitHub, and then displays your code in our editor. You can create tutorials from our editor to share with others. Let me know if you have any more questions!

Best,
Aashish

Collapse
 
fennecdjay profile image
Jérémie Astor • Edited

Maybe I missed something, but I have a few question.

Does it support any language?

Would it support some code execution ?

Collapse
 
aashj profile image
Aashish Jain

Hi,

Codeflow supports any language, as it works via GitHub authentication. You can create tutorials from our editor to share around. Currently we don't support code execution in browser, but it's a feature that's on our radar!

Best,
Aashish

Collapse
 
fennecdjay profile image
Jérémie Astor

Thanks for your answer.

Collapse
 
theodesp profile image
Theofanis Despoudis

Nice. I noticed though that the code comments are really faded on my MAC

img

Collapse
 
aashj profile image
Aashish Jain

In Codeflow you can intentionally choose to highlight certain parts of the code. Looks like this tutorial just wanted to highlight those aspects. Do you think non-highlighted lines are too faded?

Collapse
 
theodesp profile image
Theofanis Despoudis

It's very hard to read. May a different color scheme is preferred.

Collapse
 
oaksupreme_ profile image
Franje

Wow!!This is amazing. Keep up

Collapse
 
aashj profile image
Aashish Jain

Thanks so much for your support!

Best,
Aashish Jain

Collapse
 
aashj profile image
Aashish Jain

Hi, I'm Aashish one of the contributors. We'd love to answer any questions/feedback you guys have!