README.md

Online Code Editor Project

This project is an online code editor that allows users to write and run Python and JavaScript code within a web browser. It utilizes technologies such as Python, JavaScript, HTML, and CSS to provide a user-friendly coding environment.

Table of Contents

• Features
• How to Use
• Technologies Used
• Getting Started
  • Prerequisites
  • Installation
• Running the Project
• Usage

Features

• CodeMirror integration for code editing with syntax highlighting and line numbers.
• Ability to run Python and JavaScript code snippets.
• Real-time display of code output and errors.
• Support for multiple programming languages within the same interface.

How to Use

1. Open the code editor in your browser.
2. Write Python or JavaScript code in the editor.
3. Click the "Run" button to execute the code.
4. The output or any errors will be displayed in the output area.

Technologies Used

• Python
• JavaScript
• HTML
• CSS
• Flask (Python web framework)
• CodeMirror (Code editor library)

Getting Started

To run this project locally, follow these steps:

Prerequisites

Before you begin, make sure you have the following software installed on your computer:

• Python: You can download it from python.org.

Installation

1. Clone the repository to your local machine using Git:

git clone https://github.com/inerttila/online-code-editor.git

Navigate to the project's directory:

cd online-code-editor

Create a virtual environment (optional but recommended):

python -m venv venv

On Windows:

venv\Scripts\activate

On macOS and Linux:

source venv/bin/activate

Install the required Python packages:

pip install -r requirements.txt

Running the Project

Start the Flask application:

python server.py

Open your web browser and go to http://localhost:5500.

Usage

You can now use the online code editor to write and execute Python and JavaScript code within your browser.