Skip to content

Latest commit

 

History

History
120 lines (98 loc) · 2.87 KB

README.md

File metadata and controls

120 lines (98 loc) · 2.87 KB
Tech_Compiler

Code Editor created for the community

🧠 Project Overview

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.

💻 Code Editor & Compiler

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

🚀 Features

🌍 Multi-Language Support

  • JavaScript, TypeScript, Python, Java, C/C++
  • Go, Rust, Swift, Kotlin, Ruby, PHP
  • Bash, SQL, Scala, Haskell, Assembly, and more

✨ Monaco Editor Integration

  • Syntax highlighting
  • Auto-completion
  • Error detection
  • Dark theme interface
  • Minimap navigation

⚡ Real-Time Code Execution

  • Live output display
  • Compilation & runtime error handling
  • Execution status tracking
  • Secure Base64 encoded transmission

🎯 Productivity Enhancements

  • ⌨️ Ctrl + Enter to run code
  • 📐 Resizable editor & output panels
  • 🌐 Language switching with version info
  • 📦 Built-in code snippets
  • 🔐 API-key based secure execution

🛠️ Technologies Used

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

📋 Prerequisites

  • Node.js (v14 or above)
  • npm or yarn
  • RapidAPI Judge0 CE API Key

📦 Installation

1️⃣ Clone the Repository

git clone <repository-url>
cd tech_compiler

2️⃣ Install Dependencies

npm install

3️⃣ Configure API Key

"X-RapidAPI-Key": "YOUR_API_KEY_HERE"

4️⃣ Start Development Server

npm run dev
``
5️⃣ Open in Browser
```plaintext
http://localhost:5173

🏗️ Project Structure

code-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

🤝 Contributing

Tech_Compiler actively welcomes contributions! 🎉

  • Fork the repository
  • Create a feature branch
  • Commit your changes