Построил агрегатор Гараж - Портал автоуслуг Самары

Построил агрегатор Гараж - Портал автоуслуг Самары

Меня зовут Олег Чижов, по основному профилю я Директолог, но также промышляю разработкой и вайбкодингом, одной из которых и является проект "Гараж".

Построил агрегатор Гараж - Портал автоуслуг Самары

Архитектура

Вкратце проект реализован по следующей архитектуре:

  • Backend: Laravel
  • Frontend: Blade + JS + PHP
  • DB: MySQL

Теперь по порядку, что мы имеем на сегодняшний день

Общий вид

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

Построил агрегатор Гараж - Портал автоуслуг Самары

Организации были спаршены с открытых источников и добавлены в собственную базу данных. Карта интегрирована по API Яндекс Карты, к каждой организации можно построить маршрут (идет переадресация с геоточкой в Яндекс Навигатор). Слева краткая информация, контакты - все действия взаимодействуют с внутренней системой аналитики и полностью отслеживаются.

Построил агрегатор Гараж - Портал автоуслуг Самары

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

Построил агрегатор Гараж - Портал автоуслуг Самары

Также есть блок с контактами, а к внешним ссылкам автоматически подставляется UTM-метка. Реализована форма простой онлайн-записи, заявки с которой попадают в кабинет партнера и ему на e-mail. Также был создан раздел с услугами и ценами, которые фильтруются на карте и в списке СТО.

Построил агрегатор Гараж - Портал автоуслуг Самары

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

Построил агрегатор Гараж - Портал автоуслуг Самары

У каждой организации есть всплывающее окно с краткой информацией:

Построил агрегатор Гараж - Портал автоуслуг Самары

Кабинет партнера, владельца СТО

Зарегистрироваться и войти на портал Гараж можно тремя способами:

  • по e-mail и паролю
  • по Яндекс ID
  • через Telegram
Построил агрегатор Гараж - Портал автоуслуг Самары

Общий вид такой:

Построил агрегатор Гараж - Портал автоуслуг Самары

Краткая сводка, быстрые настройки и сайдбар для удобной навигации по разделам.

Организацию можно создать самому с нуля, либо выбрать существующую на карте или в списке и отправить заявку на владение:

Построил агрегатор Гараж - Портал автоуслуг Самары

Раздел аналитики содержит все самые необходимые сведения для владельца, а также общую динамику за период:

Построил агрегатор Гараж - Портал автоуслуг Самары
Построил агрегатор Гараж - Портал автоуслуг Самары

Услуги можно выбирать как готовые (весь основной ассортимент уже подгружен), так и добавить свои буквально в 1 клик. Потом все отправится на модерацию и при одобрении публикуется. Изменения на модерации также можно отследить в меню "Центр модерации".

Построил агрегатор Гараж - Портал автоуслуг Самары

В общем редактировать и смотреть можно все, что угодно...

Построил агрегатор Гараж - Портал автоуслуг Самары

А если есть ошибки (все мы люди) - то можно в один клик отправить вопрос в поддержку, либо нажать кнопку "нашли ошибку", вкратце указать и уведомление уйдет на почту модераторов и кабинет Админа.

Построил агрегатор Гараж - Портал автоуслуг Самары
Построил агрегатор Гараж - Портал автоуслуг Самары

Кстати, письмо клиенту о заявке выглядит примерно так:

Построил агрегатор Гараж - Портал автоуслуг Самары

Супер-админка или всевидящее око

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

Построил агрегатор Гараж - Портал автоуслуг Самары

Аналитика всего и вся (кстати Яндекс Метрика тоже подключена для достоверности трафика).

Построил агрегатор Гараж - Портал автоуслуг Самары

В Центре модерации показываются все заявки на какие-либо изменения от партнеров

Построил агрегатор Гараж - Портал автоуслуг Самары

Естественно на обращения в поддержку можно отвечать прямо отсюда

Построил агрегатор Гараж - Портал автоуслуг Самары

Любую организацию можно редактировать, править, одобрять, отклонять, ну и назначать владельца

Построил агрегатор Гараж - Портал автоуслуг Самары

Заявки об ошибках фиксируют URL, откуда она пришла, ну и косячные элементы + комментарий.

Построил агрегатор Гараж - Портал автоуслуг Самары

Прочие моменты

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

Проект размещен на арендованном сервере от Timeweb, редактируется в IDE VS Code сперва локально, потом выкатывается на stage версии, и только потом на основной публичной версии. ИИ, используемые при создании - Codex и Chat GPT в целом, Claude, Gemini.

SEO и GEO-оптимизация продумана неплохо. Но проект пока свежий, не все индексируется в полной мере.

Построил агрегатор Гараж - Портал автоуслуг Самары

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

Построил агрегатор Гараж - Портал автоуслуг Самары

Ссылка на проект Гараж:

Ну и всех буду рад видеть в своем ТГ-канале