Interactive Code Editor 🚀

A modern, feature-rich online code editor that supports Python, JavaScript, and C++ with real-time output, data visualization, and interactive input capabilities.

Play around with it here.

✨ Features

Multi-Language Support

• 🐍 Python (≥ 3.9)

  • Matplotlib integration for data visualization
  • NumPy for numerical computations
  • Real-time output display
  • Dark-themed plots
  • Supported Libraries:
    • numpy
    • matplotlib
    • pandas
    • scipy
    • plotly
    • scikit_learn
    • sympy
    • networkx

• 📜 JavaScript (≥ ES2017)

  • Interactive input via prompt()
  • Console output capture
  • Async/await support
  • Modern APIs
  • Promises
  • Real-time execution

• ⚡ C++ (≥ C++17)

  • Standard Template Library (STL)
  • Standard I/O streams
  • Interactive input via std::cin
  • File streams support
  • Modern language features
  • Remote compilation

Editor Features

• 🎨 Syntax highlighting
• 📏 Auto-formatting
• ↩️ Undo/Redo functionality
• 📋 Code copying
• 💾 Code download
• 🔍 Adjustable font size
• 🎯 Bracket pair colorization
• 📱 Mobile-responsive design

User Interface

• 🌙 Dark mode interface
• 💻 Monaco Editor integration
• 🖼️ Modal plot viewer
• 📊 Interactive console
• ⌨️ Custom toolbar
• 🎮 Input/Output handling

🛠️ Tech Stack

• React + Vite
• Monaco Editor
• Pyodide for Python execution
• Matplotlib & NumPy
• Lucide Icons

🚀 Getting Started

1. Clone the repository

git clone https://github.com/dan10ish/code.git
cd code

2. Install dependencies

npm install

3. Run the development server

npm run dev

4. Build for production

npm run build

🌟 Usage

1. Select your preferred programming language (Python, JavaScript, or C++)
2. Write or paste your code in the editor
3. Click the "Run" button or use the keyboard shortcut to execute
4. View output in the console panel
5. For Python plots, click to view in full-screen mode

🛠️ Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

👨‍💻 Author

Danish

• Website: dan10ish.github.io
• GitHub: @dan10ish

🤝 Acknowledgments

• Monaco Editor for the powerful code editing capabilities
• Pyodide for enabling Python execution in the browser
• Wandbox for C++ compilation services

---

⭐️ Star this repo if you find it helpful!

Live Demo • Report Bug • Request Feature