Реализованный функционал

Фоторедактор обоев

Это наша творческая и инновационная разработка, которая позволяет пользователям создавать персонализированные фотообои для интерьера.

При анализе подходов к решению такой задачи мы рассматривали различные сторонние библиотеки. Мы надеялись, что сообщество уже реализовало что-то подобное в opensource, а мы бы смогли адаптировать это под нужды проекта. Однако, все открытые наработки имели существенные проблемы либо с производительностью, либо с надежностью, поэтому решили делать свою библиотеку.

Мы создали ее с нуля, используя современные технологии и инструменты. Код редактора написан полностью на Typescript.

Созданный фоторедактор обладает уникальными техническими особенностями и преимуществами, такими как:

• Высокая производительность: фоторедактор работает быстро и плавно, не тормозит и не зависает, даже при работе с большими изображениями или сложными эффектами. Мы оптимизировали наш код и использовали нативные API браузера, чтобы обеспечить лучший пользовательский опыт.
• Кроссплатформенность: фоторедактор работает на любом устройстве и браузере, поддерживающем HTML5, CSS3 и JavaScript. Мы адаптировали дизайн и функциональность под разные разрешения экранов и ориентации устройств, чтобы сделать фоторедактор доступным и удобным для всех пользователей.
• Гибкость: фоторедактор позволяет работать с любыми размерами и форматами изображений, выбранных из коллекции на сайте или загруженных пользователем. В api фоторедактора используются только относительные величины для всех размеров и координат расположения обрезной рамки, чтобы масштабировать его до реальных измеримых величин, например, до размеров стены, на которой будут наклеены фотообои. Мы также используем алгоритм билинейного сжатия изображений Pixel perfect scale - для масштабирования изображения без потери качества в окне превью, чтобы автоматически масштабировать изображение в режиме обрезки и сохранять максимально допустимое качество для отображения на экране пользователя с сохранением производительности при работе с изображениями.
• Адаптивность: фоторедактор позволяет настраивать различные параметры изображения, такие как наложение цвета, яркость, контраст, насыщенность, поворот, обрезка, наложение текстуры и другие. При разработке делался акцент на возможностях CSS, который определил вектор разработки фоторедактора. Так, например за полную экранную адаптивность окна фоторедактора отвечает лишь один HTML элемент canvas с CSS правилом width: 100% без дополнительных JavaScript обработчиков, а интерактивная рамка обрезки является достижимой с помощью одного CSS правила - clip-path.

Система аутентификации и пользователи

• Регистрация и авторизация по SMS
  Используются два sms-провайдера: smspro.nikita.kg для Кыргыстана и smsc.ru для Казахстана. Для отправки смс используется готовый модуль "BXmaker. СМС Оповещения".
• Личный кабинет пользователя, включающий:
  • Управление персональными данными
  • Список избранных товаров
  • Историю заказов

Работа с каталогом товаров

• Каталог товаров с категориями
• Возможность создания уникальных каталогов для разных стран
• Умный фильтр и сортировка
• Постраничная навигация (пагинация)
• Вся работа в каталоге происходит без перезагрузки страницы (AJAX)
• Импорт каталога товаров из XML-файла

Торговые возможности и заказы

• Оформление заказа, в том числе в один клик
• Функционал менеджера, оформление заказа на покупателя
• Разделение оптовых и розничных покупателей
• Гибкая система цен и скидок с зависимостью от:
  • типа пользователя
  • типа материала (фактуры)
• Функционал для секретаря по управлению заказами и уведомлениями

Уникальный функционал

• Функционал просмотра и экспорта рабочего макета для:
  • верифицирования правильности оформления заказа
  • внесения точных правок непосредственно в исходный макет
• Импорт пользователей из XML-файла