Skip to content

deepaksuthar40128/Code-Plumber

Repository files navigation

Online IDE

Online IDE is a web-based integrated development environment (IDE) that supports multiple programming languages including C, C++, Python, Java, HTML, CSS, and JavaScript. It provides a convenient platform for developers to write, edit, and run code directly from their web browsers.

Features

  • Language Support: Supports C, C++, Python, Java, HTML, CSS, and JavaScript.
  • Autocompletion: Provides autocomplete functionality for C++.
  • Formatter: Code formatting feature available for C++.
  • Themes: Offers 9 different themes to customize the appearance.
  • Responsive Design: Works seamlessly on different devices and screen sizes.
  • Live Terminal: Live integration of terminal for interactive problems.
  • Syntax Highlighting: Highlights syntax for better code readability.

Usage

  1. Choose your preferred programming language from the language selection dropdown.
  2. Write or paste your code in the editor.
  3. Download and Share Code.
  4. Select a theme from the setting to customize the IDE's appearance.
  5. Snippit save and preserve old codes.
  6. View the output in the output console below the editor.

Technologies Used

  • Node.js: Backend runtime environment for live compilation and running.
  • Go: Backend runtime environment and api gateway.
  • React 18: Frontend JavaScript library for building user interfaces.
  • Tailwind CSS: Utility-first CSS framework for styling and shadch ui.

Docker Setup

To run this project locally, follow these steps:

  1. Clone this repository.
  2. Navigate to the project directory.
  3. Change .env file
  4. Update HOSTADDR to address absolute address to your project dir and project dir sholud be named as Code-Plumber
  5. Change docker.sock(Unix socket) address file and docket bin file address
  6. Change DBUSER and DBPASSWORD.
  7. Compose up using docker-compose up --build
  8. Navigate to http://localhost:5420

Contributing

Contributions are welcome! Please feel free to submit bug reports, feature requests, or pull requests to help improve this project.

License

This project is licensed under the MIT License.

Images (Desktop)

Images (phone)

Arch of Code-Plumber

image