saashd/online-code-editor-app

Web app that provides real-time code collaboration for mentors and student

Online code editor app built using the MERN stack (MongoDB, Express, React, and Node.js).

This web app provides real-time code collaboration for mentors and students. It utilizes the MERN stack and socket.io for efficient and seamless code updates. The app has been deployed to Heroku for easy access.

Demo

Features

• Real-time code updates with socket.io
• MERN stack for efficient and effective app development
• Mentor view in read-only mode, student view with editing capabilities
• Deployed to Heroku for easy access

Project structure

├── client   
│   ├── public
│   │   ├── index.html
│   ├── src
│   ├── package.json
│   ├── .env 		->create your own
├── server   
│   ├── models
│   ├── index.js  -> main entrypoint for server side
│   ├── package.json
│   ├── .env		->create your own

Local Usage

To start the client,go to the client directory: create .env file:

REACT_APP_BASE_URL= http://localhost:4000/ ( Depends on the server port.)

then run:

npm run dev

To start the server side,go to server directory: create .env file :

MONGO_URL=mongodb+srv://user:password@sqlauthority.5s3yxjh.mongodb.net/codeblocks?retryWrites=true&w=majority

then run:

npm start

Badges