An intuitive, web-based code compiler that lets you write, compile, and run code in multiple programming languages right from your browser! Built with React, TypeScript, and Vite on the frontend, and powered by Judge0 API for code execution, this app provides real-time feedback with a simple, responsive interface.
- 🌍 Multilingual Support: Write and execute code in various programming languages.
- ⚡ Real-time Execution: See output instantly for a seamless coding experience.
- 🎨 Syntax Highlighting: Enhanced readability with syntax-highlighted code.
- 🛠️ Detailed Error Reporting: Debug effectively with clear error messages.
- 📱 Responsive Design: Use it smoothly across devices, whether desktop or mobile.
- Frontend: React, Vite, and TypeScript
- Backend: Judge0 API
- Styling: Tailwind CSS & Shadcn UI
To run this project locally:
git clone https://github.com/HalfToothed/online-code-compiler.git
cd online-code-compiler
npm install
-
Get your API Key: Register on Judge0’s RapidAPI page and subscribe to their free or paid plan based on your needs.
-
Create a
.env
file: In the project root, create a.env
file and add the following:VITE_RAPIDAPI_KEY=your_api_key_here VITE_RAPIDAPI_HOST=judge0-ce.p.rapidapi.com
Replace
your_api_key_here
with your actual Judge0 API key.
npm run dev
Open http://localhost:3000 in your browser to start coding! 💻
- Select a Language: Choose the programming language from the dropdown.
- Write Code: Type your code in the editor with syntax highlighting.
- Provide Input (Optional): If your code requires input, add it in the input field.
- Run Code: Click the "Run" button to compile and execute your code. Output and error messages will appear below.
Contributions are welcome! Please feel free to submit issues or pull requests to help this project.