CompileHub is a web-based online code compiler that allows you to write and execute code in multiple programming languages right from your browser. Built with React and TypeScript on the frontend and Express.js on the backend it provides a seamless coding experience with real-time compilation and execution.

🚀 Demo

https://www.linkedin.com/posts/sandun-dilshan-a640b7272_compilehub-coding-reactjs-activity-7304106323485302784-m7pB?utm_source=share&utm_medium=member_desktop&rcm=ACoAAEKUECwBPKAzfFgQI8dDCDh5sCmQp0__P8M

Project Screenshots:

🧐 Features

Here're some of the project's best features:

• Multi-language Support: Write and run code in 20 different programming languages including JavaScript Python C++ Java and more
• Modern Code Editor: Integrated Monaco Editor (the same editor that powers VS Code) with syntax highlighting and code completion
• Real-time Compilation: Instantly execute your code and view the output
• Dark Theme: Eye-friendly dark interface for comfortable coding
• Responsive Design: Works well on both desktop and mobile devices

Supported Languages

CompileHub currently supports:

• JavaScript
• Python
• C++
• C
• Java
• Ruby
• PHP
• Go
• Rust
• Swift
• Kotlin
• TypeScript
• C#
• Bash
• SQL
• Perl
• R
• Scala
• Dart
• Lua

🛠️ Installation Steps:

1. Clone the repository

git clone https://github.com/sandundil2002/Compilehub.git

2. Install frontend dependencies

npm install

3. Setup backend

cd server npm install

4. Create a .env file in the server directory with your API credentials

API_SERVER=your_api_server_url API_KEY=your_api_key API_HOST=your_api_host

5. Start the frontend development server

npm run dev

6. Start the backend server

cd server npm start

7. Open your browser and navigate to

http://localhost:5173

💻 Built with

Technologies used in the project:

• React 19
• TypeScript
• Monaco Editor
• Tailwind CSS
• Vite
• Node.js
• Express
• Axios for API communication

🛡️ License:

This project is licensed under the MIT License - see the LICENSE file for details.