Проект:Code Notebook

Описание:

Браузерный интерактивный ноутбук для JavaScript и React: Markdown-заметки и исполняемые code-ячейки в одной рабочей области. Пользователь редактирует код в Monaco Editor, видит live-preview в sandboxed iframe, форматирует код через Prettier и может импортировать npm-пакеты (например, axios) — зависимости подгружаются с unpkg и собираются в браузере через esbuild-wasm. Реализовано накопительное исполнение: переменные и функции из предыдущих code-ячеек доступны в следующих. Архитектура разделена на слои: UI и состояние (Redux Toolkit), pipeline сборки (custom esbuild plugins), preview-runtime в iframe и backend-слой (Express API + CLI) в npm workspaces monorepo. Для публичного демо на Render — read-only режим: сервер отдаёт канонический notebook, правки сохраняются в localStorage браузера, кнопка Reset demo восстанавливает исходный набор ячеек.

Стек технологий:

• TypeScript
• React 19
• Redux Toolkit
• Vite
• esbuild-wasm
• Monaco Editor
• Express
• npm workspaces