Skip to content

alvarotorrestx/CustomCodeEditor

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Custom Code Builder

Custom Code Editor (1) (2) (1) (1)-min dn (1)

This project is a React-based code builder that utilizes the Monaco Editor. It allows users to write and execute code snippets within a web browser. It uses Judge0 as a code execution system

Getting Started

Follow these instructions to get the project up and running on your local machine.

Prerequisites

Node.js installed on your machine npm or yarn package manager

Installation

Clone the repository to your local machine:

git clone <repository-url>

Install dependencies using npm or yarn: bash

npm install
# or
yarn install

Configuration

Create a .env file in the root directory of your project if it doesn't already exist. Set the JUDGE0_SUBMISSION_URL environment variable in the .env file. This variable should point to the URL of the Judge0 API endpoint you want to use for code execution. For example: plaintext

JUDGE0_SUBMISSION_URL=https://api.judge0.com/submissions

Replace https://api.judge0.com/submissions with the appropriate URL for your Judge0 API endpoint.

Running the Development Server Once the configuration is complete, you can start the development server to see the React code builder in action.

npm start
# or
yarn start

Open your web browser and navigate to http://localhost:3000 to access the application.

Usage

Write your code in the Monaco Editor. Execute the code snippet by clicking the "Run" button. View the output in the console or output panel. Contributing Contributions are welcome! Feel free to submit pull requests or open issues.

Gitpod

In the cloud-free development environment where you can directly start coding.

You can use Gitpod in the cloud Gitpod Ready-to-Code


Feel free to customize this README.md according to your project's specific requirements and features. Let me know if you need further assistance!

About

Custom code editor

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 64.9%
  • HTML 22.5%
  • CSS 12.6%