AB Red pen

A real-time open-source "red pen" or shared whiteboard application, for students and for teachers who want to work remotely, and draw on pictures. Inspired from codeshare.io that gives you a shared real-time code editor, ** AB Red pen ** offers you a shared white-board where you can add a picture and explain your lessons, correct exercises or just draw or whatever you want .

Features

• Unique sessions
• Real-time drawing

And whatever you add to it

Getting started

The easiest way to get started is to clone the repository:

#Clone this repository
git clone https://github.com/Fcmam5/ab-redpen

#Jump to ab-redpen folder
cd ab-redpen

# Install NPM dependencies
npm install

# Then simply start your app
npm start

Now you only need to open http://localhost:3000/ on you web browser.

Useful resources

As a newbie, I didn't know what should I learn first Python/Django, NodeJS or React... I was lost, then a Friday morning I remembered an idea I wanted to reallies after finding a learn-by-doing canvas examples, where we will create a web paint app. I said why not making it a shared application in real-time ! I just wanted to reallies this idea, so I searched for learn-by-doing and learn-by-examples tutorials so I can do something during my weekend, I had some problems and I googled for solutions :D . And he's the ressources that helped me:

• https://github.com/rauchg/chat-example
• https://enlight.ml/projects/web-paint/web-paint.html
• https://youtu.be/aMyd6DsY-j8
• http://stackoverflow.com/a/24610678/5078746
• http://www.w3schools.com/html/html5_canvas.asp
• http://www.codicode.com/art/how_to_draw_on_a_html5_canvas_with_a_mouse.aspx
• https://api.jquery.com/
• http://stackoverflow.com/a/512067/5078746
• http://expressjs.com/en/api.html
• http://mongoosejs.com/docs/index.html
• https://www.tutorialspoint.com/mongodb/
• https://www.sitepoint.com/creating-restful-apis-express-4/

Licensing

MIT licensed </> By ❤️.