Tech_Compiler is an advanced web-based Code Editor and Compiler platform designed for students and developers to write, compile, and run code in 40+ programming languages—all within a single, unified web application.
It delivers a fast, interactive, and modern IDE-like experience without the need for local compiler setup.
A comprehensive online IDE that enables seamless coding, compiling, and execution directly in the browser using secure cloud-based APIs.
Built with:
- ⚛️ React
- ⚡ Vite
- 🎨 Tailwind CSS
- JavaScript, TypeScript, Python, Java, C/C++
- Go, Rust, Swift, Kotlin, Ruby, PHP
- Bash, SQL, Scala, Haskell, Assembly, and more
- Syntax highlighting
- Auto-completion
- Error detection
- Dark theme interface
- Minimap navigation
- Live output display
- Compilation & runtime error handling
- Execution status tracking
- Secure Base64 encoded transmission
- ⌨️ Ctrl + Enter to run code
- 📐 Resizable editor & output panels
- 🌐 Language switching with version info
- 📦 Built-in code snippets
- 🔐 API-key based secure execution
| Category | Technology |
|---|---|
| Frontend | React 19.1.0 |
| Build Tool | Vite 6.3.5 |
| Styling | Tailwind CSS 3.4.17 |
| Code Editor | Monaco Editor |
| HTTP Client | Axios 1.9.0 |
| Code Execution | Judge0 CE (RapidAPI) |
| Language | JavaScript / JSX |
| Package Manager | npm |
- Node.js (v14 or above)
- npm or yarn
- RapidAPI Judge0 CE API Key
1️⃣ Clone the Repository
git clone <repository-url>
cd tech_compiler2️⃣ Install Dependencies
npm install3️⃣ Configure API Key
"X-RapidAPI-Key": "YOUR_API_KEY_HERE"4️⃣ Start Development Server
npm run dev
``
5️⃣ Open in Browser
```plaintext
http://localhost:5173code-editor/
├── public/
├── src/
│ ├── components/
│ │ ├── CompilerLandingPage.jsx
│ │ ├── CodeEditorWindow.jsx
│ │ ├── LanguageSelector.jsx
│ │ ├── Output.jsx
│ │ ├── api.js
│ │ └── constant.js
│ ├── hooks/
│ │ └── keyPress.js
│ ├── App.jsx
│ ├── main.jsx
│ └── index.css
├── package.json
├── vite.config.js
└── README.md
Tech_Compiler actively welcomes contributions! 🎉
- Fork the repository
- Create a feature branch
- Commit your changes