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

1.

FLYER-STUDIO
ВЕБ-РЕДАКТОР ЛИСТОВОК НА ОСНОВЕ
XML
DEVUNION:
АМХАДОВ ДЕНИ (FRONTEND)
ДАДАШОВ ГАСАН (BACKEND)

2.

ЦЕЛЬ ПРОЕКТА
• Полноценный редактор с интуитивным интерфейсом
• Хранение
проектов
в
привязке
с
личным
аккаунтом
пользователя
• Каталог готовых шаблонов для разных задач
• Экспорт в популярные форматы — PNG, JPEG, SVG, PDF, XML
• Клиент-серверная архитектура с REST API

3.

АКТУАЛЬНОСТЬ
Листовки — один из востребованных инструментов
продвижения
для
бизнеса,
мероприятий
и
объявлений
Проблема: Существующие программы требуют
специальных навыков
Решение: Простой интерфейс — создать листовку
сможет любой пользователь

4.

ИНТЕРФЕЙС

5.

ФУНКЦИОНАЛ
• Перетаскивание элементов мышью по холсту
• Текст:
шрифт,
размер,
цвет,
жирный,
курсив,
выравнивание
• Изображения: загрузка файлом или по ссылке
• История изменений — Ctrl+Z отменить, Ctrl+Y повторить
• Сетка и привязка к сетке для точного позиционирования
• Управление слоями — порядок отображения элементов
на холсте

6.

АВТОРИЗАЦИЯ
Регистрация и вход по email
Пароли хранятся в зашифрованном
виде — алгоритм bcrypt
Каждый пользователь видит только
свои проекты
Возможность
регистрации
продолжить
без

7.

ШАБЛОНЫ
Каждый шаблон стилизован
под свою тему
Пользователь адаптирует
шаблон под свои задачи
Можно сохранить результат
как новый шаблон
Ненужные шаблоны можно
удалить

8.

ЭКСПОРТ
PNG / JPEG — готовые изображения для
публикации или печати
SVG — векторный формат, качество не
теряется при любом масштабе
PDF — удобно для отправки и печати
XML — внутренний формат, сохраняет всю
структуру для повторного редактирования

9.

СТЕК ТЕХНОЛОГИЙ
• Фронтенд: React · Vite
• Бэкенд: Node.js · Express
• База данных: SQLite

10.

ИТОГ