Техническое задание: Развитие онлайн-конструктора веб-визиток

Необходимо доработать существующую платформу для создания интерактивных веб-визиток, улучшив пользовательский интерфейс и расширив функциональные возможности редактора.

Текущее состояние проекта

Уже реализована базовая структура проекта:

  • Базовый холст (редактор) для работы с элементами.
  • Система авторизации пользователей.
  • Основной дизайн интерфейса.
  • Кастомный роутер для навигации.
  • Механизм Drag & Drop (требует доработки и расширения).

Стек технологий

  • Frontend: TypeScript, React, Next.js
  • Backend: Express (Node.js)
  • Основной редактор: Реализован на Canvas/HTML

Основные задачи для реализации

1. Улучшение редактора (Canvas/HTML)

  • Расширение базового функционала холста.
  • Добавление новых инструментов для работы с элементами визитки.
  • Оптимизация производительности редактора.

2. Развитие системы Drag & Drop

  • Доработка существующего механизма перетаскивания элементов.
  • Добавление новых возможностей для интерактивного редактирования.
  • Улучшение пользовательского опыта при работе с элементами.

3. Общее развитие функционала

  • Анализ текущей кодовой базы и предложения по оптимизации.
  • Добавление новых функций, исходя из логики развития подобных конструкторов.
  • Улучшение UI/UX на основе современных тенденций.

Исполнителю необходимо ознакомиться с текущей кодобазой, понять архитектуру и предложить план по доработке указанных модулей, а также реализовать его.

Создание анимированной инструкции для Telegram

Требуется разработать короткий анимированный ролик-инструкцию для мессенджера Telegram по предоставленному визуальному референсу. В ролике нужно наглядно показать пользователям процесс закрепления бота в списке чатов и добавления его иконки на рабочий стол.