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.
![](https://private-user-images.githubusercontent.com/58428810/309485153-d8c31573-75a5-42c9-80ac-af034574e0b3.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjI5NDU4MTcsIm5iZiI6MTcyMjk0NTUxNywicGF0aCI6Ii81ODQyODgxMC8zMDk0ODUxNTMtZDhjMzE1NzMtNzVhNS00MmM5LTgwYWMtYWYwMzQ1NzRlMGIzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODA2VDExNTgzN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTdlN2Y4ZDQ1YWZhOWZiNjQxZjFmYTgzY2Q5ZjVhMzRmOGNjNjZkZmQ5NmE5ZDUyNWZmZjUyOWViOWExMjQxNmUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.M29XYf84tnbPBuiIZAs-5UhA_V2UkE2WcF5HjIVzx6c)
- 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.
- Choose your preferred programming language from the language selection dropdown.
- Write or paste your code in the editor.
- Download and Share Code.
- Select a theme from the setting to customize the IDE's appearance.
- Snippit save and preserve old codes.
- View the output in the output console below the editor.
- 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.
To run this project locally, follow these steps:
- Clone this repository.
- Navigate to the project directory.
- Navigate to
client
- Install dependencies using
npm install
. - Start the development server using
npm run dev
. - Navigate to
server
- Install dependencies using
npm install
. - Start the development server using
npm run dev
. - Access the IDE in your browser at
http://localhost:5173
. - Before executing code on IDE set Execution machine to
Local
insetting->machine
.
Contributions are welcome! Please feel free to submit bug reports, feature requests, or pull requests to help improve this project.
This project is licensed under the MIT License.
![](https://private-user-images.githubusercontent.com/92250394/309744552-283e5164-76ce-49a7-87b7-82a6f553c5a1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjI5NDU4MTcsIm5iZiI6MTcyMjk0NTUxNywicGF0aCI6Ii85MjI1MDM5NC8zMDk3NDQ1NTItMjgzZTUxNjQtNzZjZS00OWE3LTg3YjctODJhNmY1NTNjNWExLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODA2VDExNTgzN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTdjN2JjMTRkMjBhZmYzYjVhOTkwODkzZmNiNTZhYmYyMjc1ZmE4NmIyMWE4ZDAwZDA5NjVlNTMwYjU4OTRiYjUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.BKX5j5tBay03_Eb3o8FAefO10BokusOxv5EiUNgNFxM)
![](https://private-user-images.githubusercontent.com/92250394/309744600-6c54d5b3-e0b4-4206-9291-19b63b3b72a9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjI5NDU4MTcsIm5iZiI6MTcyMjk0NTUxNywicGF0aCI6Ii85MjI1MDM5NC8zMDk3NDQ2MDAtNmM1NGQ1YjMtZTBiNC00MjA2LTkyOTEtMTliNjNiM2I3MmE5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODA2VDExNTgzN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWRjNzZjNTRjYjZlNzk1NzAzYmY3NzhkYTg3MWJlZDY5MDkzY2Y4YmQwNjk1NWRjNDU3ZmQ0MDQ3NWZkNjlmYjgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.rniejiEQqUfFrqzqJkZxfhAs_H03jWvOyOla6Tr8vqY)
![](https://private-user-images.githubusercontent.com/92250394/309745820-a72678d1-73db-46e4-922a-fd4e39c6f105.jpeg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjI5NDU4MTcsIm5iZiI6MTcyMjk0NTUxNywicGF0aCI6Ii85MjI1MDM5NC8zMDk3NDU4MjAtYTcyNjc4ZDEtNzNkYi00NmU0LTkyMmEtZmQ0ZTM5YzZmMTA1LmpwZWc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODA2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgwNlQxMTU4MzdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02MTkzYzQzMzQ4OTI4YTc2ZGFmY2U3ZWI4YjEyNTI2NjBmOTNmN2RiY2Y2NjIxNWIzOTdkN2ZkOWIwYjMxMjlmJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.hCgZX18V5UxMlrtDC-q7SYV3Xp_Yv7YGvdiTsgn9xOA)
![](https://private-user-images.githubusercontent.com/92250394/309745794-106ed7fe-be64-448b-a1a5-11d0acaef760.jpeg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjI5NDU4MTcsIm5iZiI6MTcyMjk0NTUxNywicGF0aCI6Ii85MjI1MDM5NC8zMDk3NDU3OTQtMTA2ZWQ3ZmUtYmU2NC00NDhiLWExYTUtMTFkMGFjYWVmNzYwLmpwZWc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODA2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgwNlQxMTU4MzdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wZTRmNTJmMzY4YWFmZDdjOWNhMDNkNmY1NTlmZTc1MjY4MDY0YTNjODE2MDkwYmU0ZjViMmMxNDc2NjM5NTNlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.eVQ_AJMIiTuUEUlQIcwgu8UaN0uypMf3JZHcAg7sh3Q)
![](https://private-user-images.githubusercontent.com/92250394/309746719-de063460-a5f3-421d-830a-f2d226f3c93a.jpeg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjI5NDU4MTcsIm5iZiI6MTcyMjk0NTUxNywicGF0aCI6Ii85MjI1MDM5NC8zMDk3NDY3MTktZGUwNjM0NjAtYTVmMy00MjFkLTgzMGEtZjJkMjI2ZjNjOTNhLmpwZWc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODA2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgwNlQxMTU4MzdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05MGFkZTRjNzM0ZmI3NDBmY2M5YzAwMTc5Nzk3NzA2N2RhZTA4MTAwMzcxMDk3ZGNhYTgyNmE3ZWQ2NWM1NjQyJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.Hx8aXeoBLtWEuYJsDQQ3ZTxMsKiC7VIBSrFO4YHiDGs)