Coding Blocks IDE
Coding Blocks IDE is an online IDE which supports compilation of multiple programming languages.
Deployment
Commits to master and PRs are automatically built and deployed by Netlify
Table of Contents
Build Setup
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
For detailed explanation on how things work, checkout the guide and docs for vue-loader.
Features
This responsive online code editor and compiler have the following features.
Feature | Deatils |
---|---|
Multiple Language Support | C, C++, Java, Python, Java Script. |
Upload Code | Code can be uploaded from local system |
Download Code | Code can be downloaded with the name specified by the user. |
Custom Input | A custom input box available for the user where user can enter inputs required by the program to run. |
FullScreen Mode | Editor can go fullscreen. |
Save and Auto Save | Code and editor settings gets auto-saved after every 10 seconds to prevent lose of code on closing the window accidently. User can also save the code manually by clicking the save button. |
Themes | There are 9 editor themes available to choose from. |
Fonts | 7 different fonts for the editor. |
Font Size | User can also set font size for the editor. |
Functions
Button | Function |
---|---|
Run | Use the button to compile the code. |
Save | Manually save all the content in localStorage. |
Reset | To clear all the content, localStorage and resetting settings. |
Reset Defaults | Reset all the editor settings. |
UPLOAD | Use to button and choose the file from local system to upload. |
DOWNLOAD | Use the button to download the code in the editor into a file. |
Custom Input | Use to toggle custom input box. |
API
This hits the Coding Blocks Judge API, which you can find documented here