- It is a clone of Leetcode Ide
Understanding Folder Structure
There are two folders
app.jsis the Home page or main page.
componentsfolder have all the components :
CodeEditor– The editor for writing codes [ Multiple themes/Language support]
CodeInput– For taking user input same as in leetcode ide
CodeOutput– For showing the result of the code
Navbar– It is the basic navbar above editor for providing features of Run Code and theme selection etc.
libfolder contains a file
defineTheme.jswhich is used to define a new theme for the editor
boilerCodescontains the initial codes for all the languages in the editor
index.jsis the main file of execution.
- A post request
/runis created using Express inside it which is the main request of this project.
- It gets the
- Then it creates two separate files one for code [like ‘a.cpp’,’a.py’,’a.js’] and other file for input [‘input.txt’] using
- Now Node child process [ exec ] is used to compile the compiled language [cpp] or interpret the interpreted languages [py,js] using
- Return the error or result as promise to frontend.
This was all about the folder structure and working of the files.