Scalable Code Editor with Docker Support

Overview

The Scalable Code Editor is designed to provide a seamless development experience, allowing users to input code and data and receive corresponding output. The editor’s standout feature is its Docker support, enabling consistent code execution across various environments. It uses docker containers to run code of different languages hence providing an isolated environment.

Features

• Code Input: Users can input their code directly into the editor.
• Data Input: Additional data required for code execution can be provided.
• Docker Support: Executes code within a Docker container, ensuring consistent behavior regardless of the environment.
• Output Display: Displays the code-generated output for easy reference.
• Versatility: Supports various programming languages and code types.

Architecture and Demo

Demo Local Setup

Screencast.from.2024-08-12.03-33-03.mp4

Backend Setup Using Docker

Prerequisites

• Docker installed
• Node.js installed
• Docker Compose installed

Setup Steps

1. Clone the Repository:

   git clone https://github.com/AbhishekCS3459/Scalable_Code_Editor

2. Navigate to the Project Directory:

   cd Scalable_Code_Editor

3. Navigate to the Server Directory:

   cd server/docker

4. Start the Docker Containers:

   docker-compose up -d

5. Return to the Server Directory:

   cd ..

6. Start the Server:

   npm run dev

Start the Client Locally

1. Navigate to the Client Directory:

   cd client

2. Install Dependencies:

   npm install

3. Run the Client:

   npm start