Today I will write about how can we build an online code editor using React.
I am using React +Vite to create UI and tailwind CSS for styling.
Libraries are used codemirror and react-codemirror for code input in the browser.
To compile and execute codes: Juggeo APIs are used.
Judge0 APIs can be found in the Rapid API hub. First, need to register and get the API key placed in the .env file.
Replace with your API key and host details.
Here is Demo UI and Can check the live demo here.
You can find entire codes on GitHub. You can modify and add more use cases.
Happy Coding :)