CodeRunner

There are various websites out there that allow for students who are new to programming to learn more about programming. This is often in the form of a REPL (Read Eval Print Loop), and is not very friendly to new programmers

This application allows for a visual representation of code. Allowing for students to create both simple programs and interactive games, of all levels of intricacy.

Pictures

Code walkthroughs and execution

<img src="docs/Introduction.png" /> <img src="docs/Introduction1.png" />

Introduction to creating shapes

<img src="docs/Shapes.png" />

Example game of Pong

<img src="docs/PongExample.png" />

Generated API documentation

<img src="docs/Api.png" /> <img src="docs/Api2.png" />

Technologies

The appropriate client-side technologies were used for developing this project.

• JavaScript - Client-side scripting language.
• BackBone.js - For creating Single Page Applications
• BootStrap - Styling
• Bower - Dependency Management of JavaScript libraries

Running

• Ensure that bower is installed. This can be achieved with npm install -g bower, and running bower install from the source directory.
• Open index.html