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
• Features
• Functions
• API

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	Details
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 loss of code on closing the window accidentally. 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

https://codingblocks.com/judge-blocks-docs/