avieha / codedit_front

simple on-line code editor that allows mentors to upload their code assignments, and watch their students editing it live.

Live Code Editor - front end

(here is the link to the back-end of this project: https://github.com/avieha/codEdit_back)

use and review this app on: https://code-edit.netlify.app/

this is a simple on-line code editor that allows mentors to upload their code assignments, and watch their students editing it live.

there are 4 different excersies, and the first one to open the excercize will see the code at Read-only mode, while others will have the editable version. based on microsoft monaco editor, uses socket.io and React.js, server - Node.js.

Lobby page, 4 different excersizes available:

Live editing, both are students on the same block:

Different Blocks, different sockets, code is not changing:

Mentor on read only mode can't edit the code: