How to build a Web IDE like codesandbox?

1. react_monaco_xtermjs_web_ide_with_LSP

   1 1 3 2.7 TypeScript

   

   The link to frontend repo

2. SurveyJS

   surveyjs.io featured

   JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

   

3. python_golang_monaco_language_client_xterm_backend

   2 1 2 3.6 TypeScript

   

   The link to backend repo

4. xterm.js

   3 57 18,555 9.2 TypeScript

   A terminal for the web

   

   VS Code uses Xterm.js for its integrated terminal. Xterm.js is a terminal emulator with rich plugin/add-on ecosystem. Since our entire user workspace is inside a docker container and only the front end is being served through web, we need a way to attach our Xterm.js terminal emulator to a process that in turn interacts with pty on docker.

5. chokidar

   4 27 11,389 8.6 TypeScript

   Minimal and efficient cross-platform file watching library

   

   We have a file explorer and a terminal, since files or directories could also be modified via terminal we need a way to communicate those changes to frontend. For this I made use of Chokidar, this package lets us setup file system watcher (nodemon also makes use of chokidar) and through following callbacks we can communicate file system changes.

Suggest a related project