Schema Maker

Описание

Лёгкий веб-строитель схем и блок-диаграмм: фигуры, связи с 8 точками крепления, рисование от руки, комментарии, экспорт PNG/JPG/PDF и сохранение проекта в JSON — без Visio и жёстких BPMN-нотаций.

Решение

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

Результат

Основные возможности:
- Панорама, масштаб 20–300%, рамка выделения, Transformer;
- 34 пастельных заливки, DM Sans, локальное хранение в браузере;
- Идеален для архитектурных эскизов и быстрых процессов.

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

 github.com/Spirzen/SchemaMaker

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