Доработать фронтенд веб-приложения для работы с картами зданий

Цена договорная
14 апреля 2024, 21:10 • 8 откликов • 131 просмотр
Ищем в команду фронтенд-разработчика для разработки веб-приложения для работы с картами зданий (ограниченные вьюбоксом SVG-объекты).

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

На данном этапе пишем на ванильном js, css, html. В дальнейшем будем переносить бэк на rest api, а фронт на fetch request, соответственно. Поэтому будет плюсом знание Vue.
Также плюсом будет знание особенностей работы iframe.

Примеры задач:
  • настроить классический (плавный! и предсказуемый) pan-zoom, работающий по аналогии с картами Яндекс и Гугл;
  • модифицировать pan-zoom так, чтобы на устройствах с трекпадом всё работало по аналогии с Фигмой (перемещение карты двумя пальцами, зум — сведением/разведением);
  • допилить pan-zoom для идеальной работы на мобильных устройствах;
  • разработать функционал, позволяющий плавно «наводиться» на указанные объекты (например, из результатов поиска), помещать их в определённую область видимой части карты;
  • разработать функционал, позволяющий плавно масштабировать карту в зависимости от размера выбранного объекта, чтобы весь объект и связанные с ним элементы попадали в определённую область видимой части карты;
  • разработать функционал, позволяющий добавлять новые объекты (path) на карту;
  • разработать функционал, позволяющий упростить работу по добавлению новых объектов на карту (речь про «примагничивание» точек к другим объектам или направляющим);
  • дописать (или переписать) адаптивную версию, тёмную тему и т. п.
В отклике просьба указать:
  • где и когда учились программированию;
  • ваш общий опыт в разработке на фронте (с примерами работ);
  • ваш релевантный опыт в работе с SVG (с примерами работ).
Также будем рады увидеть предложения по поводу pan-zoom библиотеки, которую вы бы использовали, и почему именно её, а не другую. В данный момент в проекте используется библиотека https://github.com/bumbu/svg-pan-zoom. В ней кое-что работает не идеально. Эту проблему можно обнаружить на демо. О какой проблеме идёт речь?
Все доступные библиотеки нами уже изучены. Цель задания: увидеть ход ваших мыслей и понять, умеете ли вы обращать внимание на мелочи.

Ищем человека для долгосрочного сотрудничества.

P.S. Если вы представитель отличной команды, которая с удовольствием возьмётся за проект — просто проигнорируйте этот заказ. Здесь нет того объёма, для которого необходимо нанимать команду.