A lightweight, single-page browser IDE featuring an embedded Monaco Editor, live split-pane layout, custom in-browser console logging, and local execution history.
- Monaco Editor Integration: Full JavaScript editing experience powered by the VS Code editor (
vs-darktheme, auto-layout). - In-Browser Execution: Dynamically executes JavaScript in-browser via the
Functionconstructor. - Custom Console Output: Intercepts and renders
console.log,console.warn, andconsole.errorcalls directly to the UI pane. - Resizable Split View: Draggable split-pane divider to customize the width of the editor and output panes.
- Execution History: Automatically saves executed code snippets into the browser's
localStorage(codeHistory). - Zero Build Step: Standalone HTML, CSS, and vanilla JS loaded directly via CDN.
.
└── index.html # Complete application (markup, styles, editor loader, runtime script)