Code Studio

Web Code Runner for JS and NodeJS

Features

• Create projects from existing templates (10+ templates included) without cloning or installing anything locally
• Support import from GitHub folder or local folder
• Sync your project to Gist (if GitHub token is provided) or download as ZIP
• File Manager: easily create, edit, remove files and folders, with drag and drop support
• Basic code editing abilities: path IntelliSense, go to definition, etc.
• Integrated Console: no need to press 'F12' to open DevTools
• Prettier as the default code formatter
• Keyboard shortcuts support: 'CTRL(CMD) + /' to show the shortcut list
• Various VSCode theme support
• File Sharing
• Diff editor

You can experience code-studio through this link

Screenshots

Development

Code Studio uses the following tech stack:

Angular 18 + RxJS + WebContainers + Monaco Editor + XtermJS

Run the following commands to get started:

yarn install
yarn start

Contribute

For anyone interested in the project, any kind of contribution is greatly appreciated.

Reference

• https://webcontainers.io
• https://microsoft.github.io/monaco-editor/
• https://angular.dev/
• https://material.angular.io/
• https://github.com/xtermjs/xterm.js

Great thanks to these awesome open-source projects!