DevBox is a web-based integrated development environment (IDE) that allows users to write, save, and manage their code efficiently. Built with modern web technologies, DevBox provides a seamless coding experience directly in the browser.
- Code Editing: Write and edit code in 20+ programming languages.
- Code Execution: Compile and run your code in real-time with Judge0 API.
- Save & Load: Save your code snippets and access them anytime.
- User Authentication: Securely log in and manage your saved code.
- Syntax Highlighting: Enjoy a rich coding experience with syntax highlighting through Monaco Editor.
- Multi-Device Access: Work on your code from anywhere with an internet connection.
- Responsive UI: Built with React.js and styled using TailwindCSS, ensuring a clean and responsive interface.
- Real-time Execution: Execute code instantly with live feedback.
- Easy to Use: Simple and intuitive interface to start coding immediately.
- Frontend: React.js
- Styling: TailwindCSS
- Code Editor: Monaco Editor
- Code Execution: Judge0 API
- Backend: Node.js, Express
- Database: MongoDB
Landing Page
Editor
Dashboard
SignUp
To run DevBox locally, follow these steps:
- Node.js (v14 or higher)
- NPM (or Yarn)
-
Clone the repository:
git clone https://github.com/yourusername/devbox.git cd devbox -
Install dependencies:
npm install
-
Run the development server:
npm start
-
Visit
http://localhost:3000in your browser.
- Open the app in your browser.
- Select your preferred language from the dropdown.
- Write your code in the editor.
- Press the Run button to execute the code and view the output.
- Log in to securely save your code snippets and access them later.
- Work on your code from any device with internet access.
Feel free to fork this repository and create pull requests. If you have suggestions or issues, open an issue in the GitHub repository.