Цифровой прорыв 2021

Реализованная функциональность

• Добавление элементов через drag and drop
• Помощь в установке отступов
• Редактирование добавленных элементов
• Автоматическое выравнивание между элементами по высоте и ширине
• Экспорт в HTML
• Экспорт в PNG
• Адаптивность, выравнивание по сетке

Особенность проекта в следующем:

• Генерация mockup-ов согласно разрешению экрана (laptop/mobile)
• Возможность изменения размера поля (laptop/mobile)
• Предпросмотр объектов до их появления на доске

Основной стек технологий:

• HTML, CSS, JavaScript, TypeScript.
• Docker, React, Spring, Java

Демо:

http://194.58.92.14:3000

Среда запуска:

• Развертывание сервиса протестировано под Windows 10.
• Требуется установленный npm

Установка

Выполните:

git clone https://github.com/FineBot/VisualEditor.git
cd VisualEditor
npm install
npm start

Разработчики

Баикин Кирилл frontend: t.me/baikinkirill

Суринов Роман designer: t.me/TheHarald

Парамошкин Егор backend: t.me/Redbird127