Построил агрегатор Гараж - Портал автоуслуг Самары
Меня зовут Олег Чижов, по основному профилю я Директолог, но также промышляю разработкой и вайбкодингом, одной из которых и является проект "Гараж".
Архитектура
Вкратце проект реализован по следующей архитектуре:
- 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-оптимизация продумана неплохо. Но проект пока свежий, не все индексируется в полной мере.
Сайт оптимизирован практически по высшему разряду, все проверки производительности показывают хороший результат, но есть еще к чему стремиться. Спасибо за внимание)
Ссылка на проект Гараж:
Ну и всех буду рад видеть в своем ТГ-канале