⚡ AB C Studio

A Modern, Distraction-Free Online C Compiler & Real-Time Terminal IDE

Write, compile, and execute C code instantly with peace of mind. No ads, no clutter, pure coding flow.

• ✨ Features • 📱 Mobile UX • 🛠️ Getting Started • 📬 Contact

---

📖 Overview

AB C Studio is a clean, ultra-responsive online C language compiler and interactive execution environment designed for developers, students, and competitive programmers.

Unlike bloated online tools filled with invasive ads and distracting banners, AB C Studio provides an authentic, high-speed coding experience featuring a real-time inline terminal stream, desktop draggable resizer, mobile-adaptive switcher, and dual GCC cloud backends.

---

🚀 What's New in v2.5

🧭 Complete UI/UX & Layout Redesign

• Full-Height Workspace: Removed bulky double-toolbars to give 100% vertical screen height to the code editor and execution console.
• Ultra-Slim Top Bar: A unified header featuring the 3-line main menu trigger (☰ Menu), instant Editor/Output switcher tabs, and a quick ▶ Run button (Ctrl+↵).
• Responsive Split View: Seamless layout transitions between desktop split-screen and mobile single-panel views.

📑 "Line-Line" Main Menu Drawer with Collapsible Accordions

• Modern Sidebar Panel: A sleek slide-out drawer with backdrop blur, displaying the compiler version at the top and developer contact at the bottom.
• Collapsible Categories: Sub-options stay hidden by default and expand on click with smooth slide animations and rotating chevrons:
  • 📁 Browse: Open New Program, Open Local File, Save (Ctrl+S), Save As, Share Code.
  • ✏️ Edit: Undo (Ctrl+Z), Redo (Ctrl+Y), Cut, Copy, Paste, Delete, Select All (Ctrl+A), In-Editor Find & Replace (Ctrl+F), Keyboard Shortcuts.
  • ⚙️ Personalization: Theme Picker, Custom Font Sizes (12px–20px), Tab Size config (2, 4, 8 spaces), and Line Numbers toggle.

🎨 10 Curated Themes with Category Filtering

• 5 Dark Themes: Cyber Night (Default), Dracula Midnight, Monokai Pro, Nordic Frost, Emerald Matrix.
• 5 Light Themes: Clean Slate, Solarized Light, GitHub Light, Rosé Dawn, Nordic Snow.
• Interactive Theme Picker: Modal dialog with All, Light, and Dark filter tabs, live color swatches, and persistent local storage saving.

📇 Unified "My Contact" Hub

• Consolidated developer contact options into a single, polished profile card.
• Direct links for GitHub, Reddit, and Gmail (with 1-click email address copy).

⚡ Engine Optimization & Bug Fixes

• Hardened CSS stylesheet and HTML container hierarchy for consistent rendering.
• Enhanced keyboard shortcut accelerators across all desktop browsers.

---

✨ Key Features

🖥️ 1. Distraction-Free Two-Panel IDE

• Clean Editor: Monospaced code editor powered by JetBrains Mono with line numbers gutter, active syntax highlighting feel, and auto-indentation.
• Draggable Split Resizer: Smooth mouse and touch-friendly vertical divider (:::) to adjust left/right panel widths dynamically.
• Three-Dots (⋮) Menu: One-click Full Screen mode for deep focus, Clear Console, Copy Output, and Download .c File.

📱 2. First-Class Mobile & Tablet Support

• Segmented View Switcher: Clean [ 💻 Editor ] vs [ ⚡ Output ] toggle in the top bar on mobile screens (<= 768px).
• Auto-Switch on Execution: Pressing Run Code on mobile automatically glides to the Output screen to display results instantly.
• Floating Run Action Button: Touch-optimized floating button for quick one-tap compiling on phones.

📂 3. File Management & Shortcuts

• Open / Browse File: Open and load any .c, .h, .cpp, or .txt file directly from your device.
• Drag & Drop: Drop any .c file anywhere over the editor surface to load it instantly.
• Keyboard Shortcuts:
  • Ctrl + Enter : Compile & Run
  • Ctrl + S : Download source code (main.c)
  • Tab : 4-space auto-indentation
  • Auto-closing bracket pairs: (), {}, [], "", ''

🛡️ 4. Resilient Dual GCC Engine

• Powered by high-speed GCC 13.2 / C17 compilation engines with multi-endpoint fallback (Wandbox GCC + Piston API) for 99.9% uptime.
• Real-time execution timer (ms) and exit status reporting (Exit Code: 0).

---

📂 Project Structure

c-compiler/
├── index.html       # Semantic HTML5 IDE structure with SEO Schema & OpenGraph tags
├── styles.css       # Deep Obsidian design system & responsive layout
├── app.js           # Core compiler logic, interactive terminal engine & handlers
└── README.md        # Documentation

---

💻 How to View This Portfolio

There are two ways to view this project on your computer.

Method 1: Download as ZIP

1. Click the Code button on this GitHub repository.
2. Select Download ZIP.
3. Extract the downloaded ZIP file.
4. Open the extracted folder.
5. Double-click index.html, or right-click it and choose Open with → Google Chrome (or any modern web browser).

Method 2: Copy & Paste ( recommended)

1. Copy this URL : www.c-compiler.jo3.org/.
2. Pate this in address bar and it will work.

---

⌨️ Keyboard Shortcuts Reference

Shortcut	Action
Ctrl + Enter / Cmd + Enter	Compile & Run Code
Ctrl + S / Cmd + S	Save / Download main.c
Tab	Insert 4 spaces
Esc	Close Contact Modal / Full Screen

---

📬 Connect & Contact

Created with passion by Aditya (<AB>). Feel free to connect, report bugs, or collaborate on C projects!

• 🐙 GitHub: @ADImatrix-user
• 👽 Reddit: u/Abject_Plan6375
• ✉️ Gmail: [email protected] (Click to open prefilled compose)

---

_{© 2026 AB C Studio. Designed & built by Aditya. All rights reserved.}