Schema Maker Online

Описание

Онлайн-конструктор схем и блок-диаграмм в браузере — веб-порт Schema Maker. Фигуры, связи, рисование от руки, экспорт PNG/JPG/PDF и обмен проектами через JSON; черновик в localStorage, без сервера.

Решение

Стек: React 19, TypeScript, Vite 6, Konva, react-konva, jsPDF, uuid; GitHub Pages

Результат

Сайт: spirzen.github.io/SchemaMakerOnline

Основные возможности:
- Панорама, масштаб, пастельная палитра, комментарии;
- Защищённый импорт JSON (лимиты размера, валидация типов и цветов);
- CSP, санитизация имён файлов при экспорте.

Ссылки на примеры реализации

 spirzen.github.io/SchemaMakerOnline  github.com/Spirzen/SchemaMakerOnline

Презентация проекта