constants: All the constants like languageOptions and customStyles for dropdowns will go here.

(We'll create a function to define our theme here)

lib: All the library functions live here.

(We are going to use keypress hooks to compile our code using keyboard events)

hooks: All the custom hooks are present here.

Components: All the components / reusable code snippets live here (Example: CodeEditorWindow and Landing).

The project structure is fairly simple and easy to understand:

Monaco Editor – The code editor that powers the project.

RapidAPI – For quickly deploying Judge0 code.

Judge0 – For compiling and executing our code.

You can get information on the code executed (time taken by the code, memory used, status, and more).įor the project, we are going to use the following tech stack:.

You can change the theme of the editor from a list of available themes.It can compile code on a web app with standard input and output with support to over 40 programming languages.A Code Editor ( Monaco Editor) that powers VS Code too.We are going to build a rich code editor that has the following features: Today, we are going to build an online code execution platform called CodeRush that can compile and execute code in 40+ different programming languages. You can ideally see an output of the program that you've written (for example, a binary search program written in JavaScript). An online code execution platform lets you write code in your favourite programming language and run that code on the same platform.

Online compiler for html and css