Запущен lehre.lu

Новый проект в моём портфолио - сервис для поиска работы в государственных учреждениях кантона Люцерн, Швейцария - https://lehre.lu

Есть у них такая программа, вроде интернатуры, когда за фиксированную зарплату ты можешь отработать, например, уборщиком в полиции или секретарём в мэрии от 1 до 3х лет. Наверное есть и какие-то связанные с государством плюшки.

Ну и вот, заказали они у Pixmill себе красивый сайт, чтобы отбивать будущих сотрудников у коммерческого сектора - а мы уж расстарались.

Выглядит всё просто, но внутри как обычно много работы, в основном с картой. Тут вам и группировка по кластерам, и отметка о том, что в кластере есть свободные места, и фильтрация по параметрам. Всё это, понятно, работает на Vesp.

Осторожно, по клику GIFка на 4 Мб.

В админке всё стандартно: разработанные конкретно для этого проекта модели, контроллеры, таблицы и формы.

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

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

Тут еще одна GIFка на 2 Мб.

А для запуска пришлось освоить и стриминг MP4 в браузере, чтобы видео можно было смотреть до того, как оно полностью загрузится. Не YouTube, конечно, но тоже неплохо.

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

Еще есть подписка на рассылку и управление новостями. Подписывшиеся выгружаются в CSV файл для импорта в рассылочные сервисы. А к новостям можно прикрутить ссылку на какую-то работу, для раскрутки её прямо на главной странице.

Сервис мы должны были сделать за 3 месяца, а сделали за 2, учитывая массу правок по дизайну, который был еще сыроват. Каждый новый проект на Vesp у меня получается быстрее предыдущего.

Также это был первый проект, над которым мы полностью работали в Docker - полёт нормальный.

Проекты

20 комментариев

Сергей Лелеко

02.11.2022, 10:04:47

Красота! Особенно конечно впечатлила интерактивная карта! !

Василий Наумкин

02.11.2022, 10:17:17

Спасибо!

Карта - да, это основной функционал. Используем MapBox, как и в Holztour.

Александр Наумов

02.11.2022, 15:06:30

Супер!!!

Василий, а как обстоят дела с PWA, почему не появляется кнопочка предлагающая добавить иконку?

Заметил небольшой косяк, когда при небольшой высоте окна нижняя часть виджета находится под футером и на виджете покрутить колесом мыши, то футер поднимается.

Василий Наумкин

02.11.2022, 15:09:53

а как обстоят дела с PWA, почему не появляется кнопочка предлагающая добавить иконку?

Никто не просил добавлять.

Заметил небольшой косяк

На Firefox и Safari такого нет, а вот в Chrome увидел - спасибо!

Василий Наумкин

09.11.2022, 05:08:22

Исправил вот так:

html, body {
    overscroll-behavior: none;
}

Раньше и не знал про такое свойство!

Александр Наумов

09.11.2022, 13:04:11

Тоже не знал о таком свойстве, спасибо, буду пользоваться.

Александр Наумов

09.11.2022, 13:08:36

На главной исправилось, а на карте все равно проблема осталась.

Василий Наумкин

09.11.2022, 14:00:16

Может, кэш?

У меня не повторяется.

Александр Наумов

09.11.2022, 17:08:05

Посмотрел в ДевТулсе свойство overscroll-behavior: none; присутствует, проверил в Chrome и Chromium все также, вертикальный ползунок у окна поднимает подвал ((

Александр Наумов

02.11.2022, 15:55:57

Василий, у тебя много наработок на VESP (комментарии, поиск, блог, наработки из этого поста) планируешь ли ты их как-либо распространять, продавать, как это было у тебя с пакетами в MODX?

Василий Наумкин

02.11.2022, 17:40:27

Мысли про это конечно были, но как реализовать - несовсем понятно.

Здесь же нет пакетов как у MODX, и нет чёткой структуры админки, чтобы туда устанавливать какие-то модули. Получается, нужно как-то ограничивать и стандартизировать проект, а у меня такой цели нет.

Была мысль сделать закрытый репозиторий с исходниками и инструкциями по использованию: типа скачал php и js части и вот так надо подключать. К нему ежемесячную фиксированную подписку и белимитный доступ ко всем решениям - но это надо много времени такое сделать, и отобьётся очень нескоро.

Поэтому пока что остаётся только написание заметок, в свободное время.

Александр Наумов

02.11.2022, 18:30:48

Понятно, спасибо! А стоит ли ждать заметки про поиск или блог с комментариями, как здесь?

Василий Наумкин

03.11.2022, 05:46:25

Ждать, наверное, стоит - но сроков никаких не назову.

Александр Наумов

03.11.2022, 14:45:24

Василий, а сайт на Vue 3 сделан?

Василий Наумкин

03.11.2022, 16:27:49

Nuxt 2 + Vue 2

Александр Наумов

27.12.2022, 19:18:01

Василий, добрый день!

А почему ты в своих проектах используешь MapBox, чем он так хорош, почему не Гугл карты?

И еще вопрос, если делал бы для России, то использовал бы Яндекс карты или все-таки MapBox, у него есть то, чего нет у Яндекс карт?

Василий Наумкин

28.12.2022, 01:26:00

С Google у нас что-то не заладилось, не нравится оно мне.

А вот у Mapbox отличное API, документация, JS библиотека, студия дизайна карт и 100 000 бесплатных запросов в месяц для любых проектов - https://www.mapbox.com/pricing

Ни у Яндекса, ни у 2Gis я бесплатных тарифов для коммерческого использования не нашёл. Вот цены Яндекса, например https://yandex.ru/dev/maps/commercial/

2Gis вообще цены выдаёт только по запросу, мне прислали такие:

Александр Наумов

28.12.2022, 17:35:21

Василий, спасибо!!

А как можно быстро у Mapbox посмотреть прорисовку острова Бали, понял, что Яндекс по этому параметру очень слаб, а на сайте Mapbox не могу найти публичной карты?

Александр Наумов

28.12.2022, 19:42:55

Нашел публичную карту https://www.mapbox.com/contribute/ прорисовка у них отличная, буду изучать их API и пользоваться. Спасибо!!

Василий Наумкин

29.12.2022, 04:19:01

На здоровье!