DEV Community

Cover image for OnCompile
Easy Tuts
Easy Tuts

Posted on

OnCompile

#react #javascript #sideprojects #typescript

OnCompile: Online Code Compiler & Editor

Hey devs!
I’m super excited to share my latest project OnCompile, a modern online code compiler and editor that supports 10+ programming languages, real-time execution, user authentication, and more — all packed inside a sleek monorepo setup.

🔗 Live Demo: on-compile.vercel.app

⭐ GitHub Repo: github.com/nitesh2920/onCompile (Don’t forget to drop a ⭐ if you like it!)

✨ Why OnCompile?

I wanted to create a web-based coding playground that feels as close as possible to using a real IDE. Most online compilers out there are either limited in features, slow in execution, or don’t give users the flexibility to manage their own code snippets.

for now (mine takes time but in future updates it will be faster)
OnCompile fixes that with:

  • 🔧 Multi-language support
  • 💻 Advanced Monaco-based editor
  • ⚡ Real-time execution with Judge0 API
  • 🔐 Secure user authentication (powered by Clerk)
  • 💾 Personal code management (save, load, edit, delete, share)

🔧 Features

1. Multi-Language Support

  • Supports JavaScript, Python, C++, Java, TypeScript, Rust, Go, C, R, Swift
  • Language-specific default templates for quick start
  • Smart file extension detection when downloading

2. Advanced Code Editor

  • Powered by Monaco Editor (the same editor behind VS Code)
  • Syntax highlighting, IntelliSense, auto-completion
  • Light/Dark mode toggle

3. Real-Time Code Execution

  • Judge0 API integration for accurate & fast remote code execution
  • Asynchronous execution with real-time polling for results

4. User Authentication

  • Integrated with Clerk
  • Secure login, session persistence
  • Protected routes for save/edit/delete/share

5. Code Management

  • Save and load your snippets (for authenticated users)
  • Edit, delete, and re-run saved code anytime
  • Download files with smart extensions
  • Generate shareable links to send your code to anyone

🔍 Coming Soon

  • Smart Input Detection (support for input() in Python, scanf() in C, etc.)

🛠 Tech Stack

Frontend

  • React 18 + TypeScript
  • Vite
  • React Router v6
  • Monaco Editor
  • Tailwind CSS + Shadcn/ui
  • React Resizable Panels

Backend

  • Node.js + Express (TypeScript)
  • Prisma ORM (PostgreSQL or any supported DB)
  • Clerk (authentication)
  • Judge0 API (code execution engine)

Dev Tools

  • ESLint + Prettier
  • Yarn / npm
  • TypeScript Compiler (TSC)

🌍 Try It Out

🔗 Live: on-compile.vercel.app

⭐ GitHub: github.com/nitesh2920/onCompile

If you like the project, please consider giving it a star on GitHub. It really motivates me to keep building and adding more awesome features! 💙

Top comments (0)