My son uses the Blockly Programming Language to code up his new Sphero Robot to do tricks. I thought Blockly was really cool.

I wished I could visualize my source code at work the same way. Just like we zoom-in, click and play with Google Maps .. could we also get a 10,000 ft view of a project's source code and zoom-in, click and develop software?

What it does

Graphic Details helps you visualize, build and run Javascript Code. It is a Graph Based IDE for coding. All code is broken down into functions .. which become nodes. All dependencies between functions become links.

How we built it

It is built on Javascript.

Challenges we ran into

Figuring out the right Cypher Queries.

Accomplishments that we're proud of

I think I can code an entire React App using this IDE.

What we learned

Graphs could bring in a paradigm shift for developers to move away from coding in files to coding in a graph. It is much more friendly to understand and visualize.

What's next for Graphic Details

1) Server side coding 2) Visualizing Tests and Coverage.

Built With

Share this project: