Вайб-кодинг рулит: как я за пару вечеров собрал сервис мониторинга топлива в России без единой строчки кода

Непростая ситуация даже для Джона Траволты
Непростая ситуация даже для Джона Траволты

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

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

А что если сделать сервис по мониторингу топлива?

Региональный мониторинг 
Региональный мониторинг 

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

Где-то пишут, что в регионе ввели лимит, где-то ограничения есть только у конкретной сети, где-то бензин есть, но только АИ-92. Какие-то сети не наливают в канистру, а на АЗС очередь или уже закончилось топливо.

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

Автор

Так появилась идея Fuel detector — сервиса для мониторинга ситуации с топливом в России.

Какую проблему решает

Вайб-кодинг рулит: как я за пару вечеров собрал сервис мониторинга топлива в России без единой строчки кода

Главная мысль сервиса: если информация меняется быстро, её должны обновлять люди на местах.

Один водитель заехал на АЗС, увидел, что АИ-95 закончился, но дизель есть. Обновил статус. Следующий человек уже видит эту информацию и может выбрать другую заправку или спокойно ехать туда, если ему подходит доступное топливо.

Fuel detector помогает смотреть ситуацию не только на уровне региона, но и на уровне конкретной АЗС. Это важно, потому что даже внутри одного города или одной сети заправок ситуация может отличаться.

MVP за три вечера

Я описал проблему прямо в Codex внутри VS Code, объяснил, как можно её решить, какие данные нужны, как должна работать логика сервиса и какие сценарии должны быть у пользователя.

Вайб-кодинг на максималках
Вайб-кодинг на максималках

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

Через 3 часа у меня был готовый прототип, который работал на локальном сервере и даже с базой АЗС, собранной с Open Street Map. Ещё два вечера ушло на доработки интерфейса и парсинг полной базы заправок

Сейчас на сайте можно смотреть и добавлять статусы по 23000 заправкам в 89 регионах РФ. Да, база не полная, но потихоньку заполняется.

Ситуация на конкретной АЗС
Ситуация на конкретной АЗС

В карточке АЗС пользователь может указать:

  • доступные виды топлива и его наличие
  • цену, если её указали пользователи
  • наличие очереди
  • лимит в литрах на одну машину
  • возможность заправки в канистру
  • комментарий по ситуации на месте

Также у заправок есть графики статусов. Они помогают видеть динамику: ситуация стабильная, ухудшается или ограничения уже сняли. Это полезно не только для водителей, но и для понимания общей картины по регионам и сетям. Когда данные начинают собираться в одном месте, становится видно, где проблема точечная, а где ограничения уже превращаются в системную проблему.

Что дальше

  • Улучшения по вашей обратной связи
  • Насыщение данными
  • Приложения на Android и iOS, очевидно, тоже без единой строчки кода

Чем больше людей будут оставлять актуальную информацию, тем полезнее станет сервис. В идеале Fuel detector должен превратиться в живую карту заправок, где можно быстро понять, что происходит прямо сейчас.

4