This project is a spin-off from my effort to make learning low-level programming easier. While Codecademy helps people to learn web development and some high-level language easily, low-level programming remains a difficult skill to learn. Therefore, based on the Codecademy environment design, I built an environment that teaches low-level programming. It integrates tutorial, editor and compiler under a hood to eliminate the complex details for beginners so that they can focus on the syntax itself.
The design is made with Bootstrap while the backend uses Python Flask and gcc compiler. There’s also a course management system that track learners’ progress and allow easy creation of tutorial. In example above, I prepared a small lesson with 10 tutorials on C pointers. Further work has to be done to wrap the compiler and scale the architecture safely. The source code is available at request.
A clearer screenshot of the interface (click on the image above)