⚡️ A code editor that compiles and runs your code on the web in your browser. Read this blog for more in-depth: Build A Code IDE with React
- Compile and execute code in 40+ programming languages
- Switch themes from a list of available themes
- Outputs code user creates
VSCode React JavaScript Tailwind CSS Monaco Editor - React Judge0 Rapid API Axios
- git clone
https://github.com/el634dev/react-code-editor.git
npm install
- A sample
.env.sample
file is given, Register on RapidAPI Get your API keys. - Create a
.env
file. - Add the API Keys in the
.env
file npm start
to run the project.
- Add more languages
- User login, authentication and registration (Firebase Auth)
- User Profile Page
- Save code functionality (Firestore - use Slug based approach)
- Share code functionality
- Create a new folder on your computer
- After go into your terminal or terminal on your IDE of choice and run
npx create-react-app app-name
- Run
npm install
for packages - Run
npm run dev
to see your project in your browser - Create your own code editor
You can use the code just say where it came from
I choose to use Vercel to deploy this project