Flowchart

• 

  Screenshot of one of the flowcharts next to the code editor

Inspiration

We were inspired by the way most of us learned to program, with our first programming languages being python, and adapting to using a syntax for the first time

What it does

It displays a flowchart that describes an algorithm, the user must translate the code into a new language made specifically for this challenge, their code is then interpreted and checked against text scraped from the flowchart image

How we built it

We built it through dividing tasks between the front-end and back-end, such as the interface, interpreter, image scraping and flowchart design

Challenges we ran into

In particular there were difficulties implementing the interpretation of the flowchart code, as many of the algorithms required out of the box thinking and complicated designs. Much of the time spent in the front-end was directed towards creating a comprehensive code editor, which we ended up scrapping because it took too much time. Features ended up having to be cut short due to time constraints.

Accomplishments that we're proud of

We are extremely proud that the project was able to fit together in the end, as there we many moments where there were uncertainties regarding the completion of certain parts of the project

What we learned

We learned a lot about how the front-end and back-end work together, as well as the values of teamwork and helping each other out when there were issues in the code

What's next for Flowchart

We plan to make it so users can create their own code a respective flowcharts, we would also like to inculde for, while and more complex structures to the flow charts

Built With

• node.js
• python
• react