manuarora700 / react-code-editor

💻 Build your own code editor that compiles and runs 40+ programming languages.

CodeRush - Compile and Execute code in 40+ languages

⚡️ A code editor that compiles and runs your code on the web. Blog: FreeCodeCamp - Build A Code IDE with React

Features:

• Compile and execute code in 40+ programming languages.
• Switch themes from a list of available themes.

Installations and setup

• git clone https://github.com/manuarora700/react-code-editor.git
• npm install
• A sample .env.sample file is given, Register on RapidAPI and get your API keys.
• Create a .env file.
• Add the API Keys in the .env file
• npm start to run the project.

TODO:

1. Add more languages [DONE]
2. User login, authentication and registration (Firebase Auth)
3. User Profile Page
4. Save code functionality (Firestore - use Slug based approach)
5. Share code functionality

Support

react-code-editor's Issues

Missing dependency "handleCompile".

WARNING in src\components\Landing.js
Line 71:6: React Hook useEffect has a missing dependency: 'handleCompile'. Either include it or remove the dependency array react-hooks/exhaustive-deps

webpack 5.72.0 compiled with 1 warning in 600 ms

The code runs well, but doesn't execute, the reason is stated above.

Thanks for the code.

Kindly fix.

API Post request issue

I have created reactapi to get and post request, but whenever I try to click on compile and execute, request is not sent and also the url for post request includes the IP of the system. I'm using Ubuntu system.

how to add python 3.11?

thanks

Submissions not working

I used your editor and put my own API key into it and it doesn't seem to be working, please help
CodeSandBox:
https://codesandbox.io/p/github/manuarora700/react-code-editor/csb-w0vsw6/draft/unruffled-nightingale?file=%2F.env.sample&selection=%5B%7B%22endColumn%22%3A77%2C%22endLineNumber%22%3A3%2C%22startColumn%22%3A77%2C%22startLineNumber%22%3A3%7D%5D

The execution isn’t working

when I run the code according to the instructions
webpage it just shows processing when i click execute

Can you help me what im doing wrong and how to fix it?

why submission first judge post request take time so long

almost 5s, sometimes 8s，i don't understand why take so long

Trying to add collaboration feature

Hi ,
I was tring to add collaorative functionality to online code editor but wasn't able to do so bcz of infite loop being setup in firebase.
Attaching the stackoverflow link to me post.

https://stackoverflow.com/questions/73451086/collaborative-online-code-editor-sets-infinite-loop-on-firebase-real-time-databa

Please do comment and reply back if you could help.

Issue: Getting a error "The specifier was a bare specifier", when wanted to change the theme.

This is the following Error:

Two Issues: Processing, not executing (I have the .env file) and How to change default code?

Hi!

Great work on the app. I'm having some problems in execution.

I have made the RapidAPI key and created the .env file with correctly configured constants. However, it is still not compiling? Any suggestions?

Also, I can't find where the default code (the BST code that shows up upon initially running) is. I would like to change it. Where is it located?

Copy and Paste not able to disable

Code is Not Running.

I followed your instructions but still i am getting this error.

WhatsApp.Video.2023-05-22.at.6.40.00.PM.mp4

Please Help Me.

What is the licence

Hello sir, what is the licence for this project. Am I able to use it in my project?

Thank you