Skip to content

Exclusiveideas/DevBox

Repository files navigation

DevBox

Screenshot (208)

DevBox is a powerful web-based code editor designed to support over 20 popular programming languages. With a user-friendly interface, integrated terminal, and the ability to render HTML previews, DevBox aims to enhance your development workflow.

DevBox Server application.

Features

Language Support

DevBox supports the following languages:

  • JavaScript
  • TypeScript
  • Python
  • Java
  • C#
  • C++
  • PHP
  • Go
  • Ruby
  • Swift
  • Rust
  • HTML
  • CSS
  • JSON
  • YAML
  • Markdown
  • SQL
  • Shell scripting (bash)
  • XML
  • R
  • CoffeeScript
  • GraphQL
  • LESS (CSS Preprocessor)
  • SCSS (CSS Preprocessor)

Code Compilation

DevBox can compile code written in the above languages, providing instant feedback within the integrated terminal.

HTML Rendering

DevBox allows you to render HTML files directly within the app, enabling you to see your changes in real time.

User-Friendly Interface

The app features a UI-friendly interface with an easy-to-use file system, making it simple to navigate and manage your projects.

Integrated Terminal

The integrated terminal in DevBox supports the following commands:

  • clear: Clears the terminal.
  • compile: Compiles the code of the active (open) file and displays the result in the terminal.
  • render /path: Renders the HTML file at the specified path. Note: Only HTML files can be rendered at the moment. Tip: Start the path from the top directory /, e.g., render /folder1/xxx.html.

Additional Features

  • Themes: DevBox offers several themes to personalize your coding environment.
  • Text Search: Easily search through your code with the integrated text search feature.
  • Pair Programming: Currently being integrated, this feature will allow real-time collaboration with others on your code.

Getting Started

Installation

To start using DevBox, clone the repository and install the necessary dependencies:

git clone https://github.com/yourusername/devbox.git
cd devbox
npm install

Running the App

To run the app locally, use the following command:

bash

npm start

Open your browser and navigate to http://localhost:3000 to start coding with DevBox.

Contributing

We welcome contributions to DevBox! To contribute, please follow these steps:

  • Fork the repository.
  • Create a new branch: git checkout -b my-feature-branch.
  • Make your changes and commit them: git commit -m 'Add some feature'.
  • Push to the branch: git push origin my-feature-branch.
  • Submit a pull request.

License

DevBox is open source and distributed under the MIT License.

Contact

For any questions or feedback, please open an issue on GitHub or reach out to me on Linkedln.