https://github.com/exclusiveideas/devbox
An open-source code editor.
https://github.com/exclusiveideas/devbox
expressjs filesystem monaco-editor nextjs nodejs pty react socket socket-io terminal zustand
Last synced: 7 months ago
JSON representation
An open-source code editor.
- Host: GitHub
- URL: https://github.com/exclusiveideas/devbox
- Owner: Exclusiveideas
- License: mit
- Created: 2024-07-06T03:26:33.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-10-13T21:20:17.000Z (about 1 year ago)
- Last Synced: 2025-02-06T04:57:33.317Z (8 months ago)
- Topics: expressjs, filesystem, monaco-editor, nextjs, nodejs, pty, react, socket, socket-io, terminal, zustand
- Language: JavaScript
- Homepage: https://dev-box-two.vercel.app/
- Size: 1.36 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# DevBox
**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](https://github.com/Exclusiveideas/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:
```bash
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](https://www.linkedin.com/in/muftau/).