CodePipe

CodePipe is a real-time collaborative educational platform for learning and writing code.

We wanted to make an app that would solve a problem we as a team face on a daily basis. When we want to learn a new technology, sometimes the tutorials found online don't provide enough insight into how we can leverage the technology to solve complex problems. There is also the other extreme - taking courses on Coursera and giving up two weeks in. We often find that when learning new technologies, the quickest way to learn is to be able to ask someone with more experience than you.

Which is where our web app comes in.

The app is designed to be used by both new and experiences web developers. The application gives experienced developers an opportunity to share their wealth of knowledge with others, and gives new developers the chance to leverage experience to enhance their learning experience.

Here are some of the features we're most proud of:

  • In-browser workspace editor with syntax highlighting for HTML, CSS and JavaScript
  • Sockets for real time communication
  • The ability to create streams on the fly and have others join dynamically
  • Real time chat
  • Secure user management
  • Real time audio and video streaming (partial)
  • Beautiful UI with an awesome user experience

Our app serves as a prototype for a crowdsourced educational platform. Future iterations will include things like social integration and reputation points, code compilation, and archivable events.

Version

1.0.0

Tech

  • CodeMirror - web-based text editor
  • Twitter Bootstrap - UI boilerplate for modern web apps
  • node.js - evented I/O for the backend
  • Express - fast node.js network app framework
  • jQuery - for dat DOM manipulation
  • and more!
Share this project:

Updates