C Code Editor

---

A modern, full-stack web application for writing, compiling, and running C code directly in your browser. Built with React, Express, and Node.js.

🚀 Features

• Syntax-highlighted C code editor (powered by Monaco/React)
• Real-time code compilation and output
• Error and runtime feedback
• Responsive, dynamic UI
• Secure backend code execution

✅ Why use Monaco ?

• It’s the same editor used in VS Code

Supports:

• Syntax highlighting

• Error checking

• Autocompletion (some)

• Themes (dark/light)

• Language-specific behaviors (C, in our case)

🖥️ Preview

---

🛠️ Getting Started

Prerequisites

• Node.js (v16+)
• gcc

Installation

# Clone the repository
$ git clone https://github.com/joemrnice/c-code-editor.git
$ cd c-code-editor

# Install server dependencies
$ cd server && npm install

# Install client dependencies
$ cd ../web-client && npm install

Running the Application

# Start the backend server
$ cd server && npm run dev

# In a new terminal, start the frontend
$ cd ../web-client && npm run dev

Visit http://localhost:5173 to use the editor.

---

📁 Project Structure

c-code-editor/
├── server/         # Express backend for C code execution
│   ├── app.js
│   ├── routes/
│   └── utils/
└── web-client/     # React frontend
    ├── src/
    └── public/

---

🤝 Contributing

Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.

---

📄 License

MIT

---