https://github.com/dan10ish/code

https://github.com/dan10ish/code

Last synced: 4 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/dan10ish/code
• Owner: dan10ish
• License: mit
• Created: 2024-11-26T06:54:53.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-12-11T06:11:37.000Z (28 days ago)
• Last Synced: 2024-12-11T07:20:47.885Z (28 days ago)
• Language: JavaScript
• Homepage: https://code.danish.bio/
• Size: 2.19 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Interactive Code Editor 🚀

[![Live Demo](https://img.shields.io/badge/Live-Demo-brightgreen)](https://code.danish.bio)

[![GitHub](https://img.shields.io/badge/GitHub-Repository-blue)](https://github.com/dan10ish/code)

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](https://code.danish.bio).

## ✨ 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

```bash

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

cd code

```

2. Install dependencies

```bash

npm install

```

3. Run the development server

```bash

npm run dev

```

4. Build for production

```bash

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](LICENSE) file for details.

## 👨‍💻 Author

**Danish**

- Website: [danish.bio](https://danish.bio)

- GitHub: [@dan10ish](https://github.com/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](https://code.danish.bio) • [Report Bug](https://github.com/dan10ish/code/issues) • [Request Feature](https://github.com/dan10ish/code/issues)