Skip to content

Voxion-Labs/VoidLAB

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

53 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

VoidLAB logo

A modern AI-powered web IDE built for real code execution, polished developer workflows, and premium product feel.

Live Product | Backend API | Repository


✨ Overview

VoidLAB is a full-stack cloud coding environment designed to feel like a real premium product, not just a code editor running in the browser. It combines a Monaco-powered workspace, multi-file editing, online code execution, inline stdin handling for interactive programs, GitHub publishing, collaboration-ready tools, a built-in AI guide, and a polished high-end interface.

The project is structured as a monorepo and split into:

  • a Next.js frontend for the complete product interface
  • an Express API for execution, auth, and integration flows
  • shared configuration packages for cleaner and more scalable project organization

🧭 What Is VoidLAB?

VoidLAB is a browser-based coding application for developers, learners, and builders who want one premium workspace for writing, importing, running, debugging, and managing code online.

At the product level, VoidLAB acts as:

  • an online compiler for multiple languages
  • a browser IDE with Monaco-powered editing
  • a structured execution workspace with inline stdin support
  • a developer tool hub with GitHub, collaboration, profile, and AI guidance features

🩺 Problem It Solves

Most web-based compilers and lightweight online editors break down in the exact places that matter during real use:

  • they feel too basic for serious coding workflows
  • interactive input handling is clunky or unreliable
  • execution output is hard to read
  • publishing and collaboration are completely disconnected from the editor
  • the product looks functional but not premium

VoidLAB is built to solve that by giving users a cleaner end-to-end workflow:

  • write or import code
  • run it in one click
  • provide stdin inline when required
  • get accurate output in a structured console
  • continue working with GitHub, collaboration, and AI support inside the same product

πŸ”— Links


πŸš€ Latest Product State

VoidLAB currently ships with:

  • a unified console with Output, Terminal, and Ports tabs
  • inline stdin capture for interactive programs instead of a clunky separate flow
  • multi-language execution powered by Judge0 CE
  • dedicated feature pages for Manual, GitHub, Collaboration, AI Guide, and Profile
  • personalized workspace UI with themes, activity context, and polished controls
  • refreshed product documentation and visual demo assets in this repository

🌌 Core Highlights

  • Monaco-powered editor with multi-file workspace management
  • support for many runnable and editor-focused languages
  • inline stdin capture for interactive code execution
  • unified output, terminal, and ports console
  • direct GitHub publishing workflow from inside the workspace
  • collaboration room interface for team workflows
  • built-in AI guide for product walkthroughs and debugging help
  • polished theme system across dark and light workspace modes
  • responsive layout tuned for desktop and mobile

🧩 Product Surface

Workspace experience

  • personalized workspace greeting
  • active project shell with editor tabs and file explorer
  • language switching, save, export, boilerplate, and run controls
  • keyboard shortcuts for fast editing flow

Execution experience

  • online code execution through the backend execution gateway
  • inline stdin routing for input-based programs
  • structured stdout, stderr, compile output, and runtime messages
  • execution status, timing, and memory feedback

Productivity tools

  • built-in product manual
  • GitHub publishing interface
  • collaboration rooms
  • AI guide
  • profile management and workspace personalization

πŸ–ΌοΈ Demo Gallery

VoidLAB workspace home
1. Personalized workspace home
The main workspace gives users a premium first impression with a personalized greeting, feature hub, language card, file explorer, active code editor, and one-click run workflow.
VoidLAB execution and command workflow
2. Execution and command workflow
This view highlights the execution area, command workflow, workspace shortcuts, and the output-focused development flow that powers coding inside VoidLAB.
VoidLAB collaboration rooms
3. Collaboration rooms
VoidLAB includes a dedicated collaboration interface for creating rooms, inviting teammates, syncing shared workspace state, and preparing live teamwork features.
VoidLAB GitHub publishing
4. GitHub publishing
The GitHub publishing page lets users connect GitHub, review the active file, choose a repository target, and prepare code for direct publishing from inside the product.
VoidLAB AI guide
5. Built-in AI guide
The AI guide helps users with input-output handling, workspace structure, debugging direction, and onboarding support without leaving the platform.

πŸ’‘ Why VoidLAB

VoidLAB is built around a simple product promise:

  • write code or import it
  • click Run
  • get clean, accurate execution feedback
  • handle stdin inline when the program requires input
  • keep the workflow inside one polished browser workspace

That simplicity drives the architecture, UI design, and execution flow across the entire product.


🌍 Language Support

VoidLAB supports many languages and formats for editing, and a broad set of runnable languages through the execution engine.

Runnable language examples

  • JavaScript
  • TypeScript
  • Python
  • Java
  • C
  • C++
  • Go
  • Rust
  • PHP
  • Ruby
  • Swift
  • Kotlin
  • Bash
  • Lua
  • C#

Editor-oriented formats

  • HTML
  • CSS
  • JSON
  • Markdown
  • YAML
  • SQL
  • XML
  • PowerShell

πŸ› οΈ Tech Stack

Frontend

  • Next.js 16.2.4
  • React
  • TypeScript
  • Tailwind CSS
  • Monaco Editor
  • Lucide Icons

Backend

  • Node.js
  • Express
  • TypeScript
  • Axios
  • PostgreSQL

Platform and deployment

  • Vercel for frontend hosting
  • Render for backend hosting
  • Judge0 CE for cloud code execution

Monorepo tooling

  • npm workspaces
  • Turborepo
  • shared TypeScript configs

🧱 Monorepo Structure

VoidLAB/
|- apps/
|  |- api/
|  |  |- src/
|  |  |  |- controllers/
|  |  |  |- middleware/
|  |  |  |- models/
|  |  |  |- routes/
|  |  |  `- index.ts
|  |  |- package.json
|  |  `- tsconfig.json
|  `- web/
|     |- public/
|     |- src/
|     |  |- app/
|     |  |- components/
|     |  |- context/
|     |  |- hooks/
|     |  `- lib/
|     |- package.json
|     `- tsconfig.json
|- docs/
|  `- readme/
|- packages/
|  |- config/
|  `- tsconfig/
|- docker-compose.yml
|- package.json
|- package-lock.json
|- turbo.json
`- README.md

πŸ—οΈ Architecture

Frontend responsibilities

  • onboarding and direct entry experience
  • profile and workspace personalization
  • file management and editor interactions
  • console, output, and terminal presentation
  • GitHub publishing UI
  • collaboration and AI tool pages
  • communication with the backend API

Backend responsibilities

  • exposing execution endpoints
  • forwarding execution requests to Judge0 CE
  • handling auth and user sessions
  • storing users and provider tokens
  • returning normalized compiler and runtime output to the frontend
  • handling GitHub repository creation and file push flows

Execution flow

  1. User opens VoidLAB.
  2. User writes code or imports files into the workspace.
  3. User clicks Run.
  4. If the program expects input, VoidLAB asks for stdin inline in the output area.
  5. The backend forwards the execution payload to Judge0 CE.
  6. VoidLAB returns normalized output, errors, and status details back to the workspace.

βœ… Validation Snapshot

The latest verified repo state includes:

  • apps/web lint passing
  • apps/web typecheck passing
  • apps/web production build passing
  • apps/api build passing

πŸ” Authentication and GitHub

  • direct entry flow without leaving the app
  • optional Google, GitHub, and X login support
  • GitHub connect plus repository publishing support
  • visible repository target and publishing controls inside the workspace

πŸ“¦ Key Capabilities

  • polished onboarding and workspace personalization
  • shareable public product URL
  • cloud editor workflow
  • inline stdin-based execution for interactive programs
  • GitHub repository publishing support
  • responsive design
  • project tabs and file explorer
  • dedicated tool pages for manual, profile, AI guide, GitHub, and collaboration
  • professional UI suitable for demos, portfolio presentation, and product showcases
  • clean monorepo structure for scaling the platform further

🎯 Current Scope

VoidLAB is built as a strong production-style MVP with:

  • multi-language editing
  • broad execution support
  • a modern UI
  • monorepo architecture
  • real auth options
  • GitHub publish flow
  • live deployment links
  • product-level workspace tooling

πŸ§ͺ Local Setup

Prerequisites

  • Node.js 18+
  • npm 10+
  • PostgreSQL 15+ or Docker

Install dependencies

npm install

Start local PostgreSQL

docker-compose up -d postgres

Backend environment

Create apps/api/.env:

PORT=5000
NODE_ENV=development
API_BASE_URL=http://localhost:5000
WEB_APP_URL=http://localhost:3000
DATABASE_URL=postgresql://postgres:postgres@localhost:5432/voidlab
DATABASE_SSL=false
DATABASE_SSL_REJECT_UNAUTHORIZED=false
JUDGE0_API_URL=https://ce.judge0.com
JWT_SECRET=replace_me
APP_ENCRYPTION_KEY=replace_me
GOOGLE_CLIENT_ID=replace_me
GOOGLE_CLIENT_SECRET=replace_me
GITHUB_CLIENT_ID=replace_me
GITHUB_CLIENT_SECRET=replace_me
X_CLIENT_ID=replace_me
X_CLIENT_SECRET=replace_me

Frontend environment

Create apps/web/.env.local:

NEXT_PUBLIC_API_URL=http://localhost:5000

Run backend

npm run build -w api
npm run start -w api

Run frontend

npm run dev -w web

Local URLs

  • Frontend: http://localhost:3000
  • Backend: http://localhost:5000

🏁 Build Commands

Build API

npm run build -w api

Build web

npm run build -w web

🌐 Deployment

Frontend deployment

  • hosted on Vercel
  • root directory: apps/web

Backend deployment

  • hosted on Render
  • uses the Express API from apps/api

Required frontend production variable

NEXT_PUBLIC_API_URL=https://voidlab.onrender.com

Required backend production variables

PORT=5000
NODE_ENV=production
API_BASE_URL=https://voidlab.onrender.com
WEB_APP_URL=https://void-lab-web.vercel.app
DATABASE_URL=your_postgres_connection_string
DATABASE_SSL=true
DATABASE_SSL_REJECT_UNAUTHORIZED=false
JUDGE0_API_URL=https://ce.judge0.com
JWT_SECRET=replace_me
APP_ENCRYPTION_KEY=replace_me
GOOGLE_CLIENT_ID=replace_me
GOOGLE_CLIENT_SECRET=replace_me
GITHUB_CLIENT_ID=replace_me
GITHUB_CLIENT_SECRET=replace_me
X_CLIENT_ID=replace_me
X_CLIENT_SECRET=replace_me

πŸ“„ License

VoidLAB is protected under a custom restricted license.

The full license text is available in LICENSE.

License summary:

  • copyright Β© 2026 Rudranarayan Jena
  • all rights reserved
  • no copying, modification, distribution, hosting, reuse, or derivative work without prior written permission
  • no commercial or non-commercial use is allowed unless explicitly approved by the author

VoidLAB is not released as an open-source project under MIT, Apache, GPL, or any other permissive/public license.


πŸ‘¨β€πŸ’» Author

Rudranarayan Jena

Crafted by MR. Rudranarayan Jena

Product Builder β€’ Full-stack Developer β€’ AI Enthusiast β€’ Creator of VoidLAB

Focused on building polished developer products, real-world web applications, execution systems, and modern AI-assisted workflows.

GitHub: @liambrooks-lab


About

VoidLAB is a cloud code editor and compiler with a modern IDE-style workspace, multi-language execution, project tabs, file explorer, keyboard shortcuts, and responsive cross-device experience.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages