The user can add custom inputs to their code snippets, and the judge (our online compiler) will take into account the custom input which the user supplies.Everything is visible in the code output window. They'll either see success or failure for their code snippets.Once the user is done writing their code, they can compile their code and see the output / results in the output window.A user lands on the web application and can select their preferred programming languages (default is JavaScript).utils: General utility functions to help maintain the code go here.īefore we dive deep into the code, let's understand the flow of the application and how we should go about coding it from scratch.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.
0 kommentar(er)
