Разработан интерфейс конструктора email-писем с возможностью перетаскивания блоков и настройки структуры письма в реальном времени. Приложение построено как одностраничное приложение (SPA) с использованием стека React + Redux + TypeScript и десктоп-версткой.
📌 Что реализовано:
Drag & Drop-интерфейс для сборки писем: структуры, блоки, контент
Визуальные модули: текст, изображения, кнопки, соцсети, HTML, видео и др.
Панель настроек письма (справа) и глобальное редактирование стилей
Отображение HTML-кода письма в реальном времени
Возможность превью и тестирования перед отправкой
🛠 Технологии и архитектура:
React: компоненты с разделением логики и UI
Redux Toolkit: управление структурой письма, состоянием блоков, режимами отображения
TypeScript: строгая типизация состояния, пропсов, обработчиков
HTML/CSS (SCSS или styled-components): кастомные сетки, адаптивная верстка
Поддержка undo/redo через историю состояния
Подготовка письма к экспорту в валидный email-friendly HTML
Приложение спроектировано с возможностью масштабирования: добавления новых типов блоков, сохранения шаблонов, интеграции с backend или внешними сервисами email-рассылок (Mailchimp, Unisender и др.).
https://hdzy.github.io/email_constructor/