Skip to content

Latest commit

 

History

History
101 lines (64 loc) · 1.98 KB

README.md

File metadata and controls

101 lines (64 loc) · 1.98 KB

JavaScript Code Editor

JavaScript Code Editor Screenshot

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

🚀 Features

  • Syntax-highlighted JavaScript 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 (JavaScript, in our case)

🖥️ Preview

JavaScript Code Editor UI

🛠️ Getting Started

Prerequisites

  • Node.js (v16+)

Installation

# Clone the repository
$ git clone https://github.com/joemrnice/javascript-code-editor.git
$ cd javascript-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

javascript-code-editor/
├── server/         # Express backend for JavaScript 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