Вайб-кодинг рулит: как я за пару вечеров собрал сервис мониторинга топлива в России без единой строчки кода
В наши дни с помощью AI достаточно хорошо сформулировать проблему, объяснить, как ты видишь решение и собрать первый рабочий продукт буквально за вечер, держа в одной руке чашку чая.
А в периоды масштабных изменений, меняющих привычный ритм жизни, появляется массовая потребность в сервисах, которые ещё полгода назад выглядели бы странными или никому не нужными. Сложив одно с другим мне захотелось попрактиковаться в вайб-кодинге.
А что если сделать сервис по мониторингу топлива?
В связи с непростой ситуацией на заправках официальная информация о наличии топлива и ограничениях вроде бы поступает, но она размазана по новостным сайтам, Telegram-каналам, региональным чатам, заявлениям топливных сетей и комментариям водителей.
Где-то пишут, что в регионе ввели лимит, где-то ограничения есть только у конкретной сети, где-то бензин есть, но только АИ-92. Какие-то сети не наливают в канистру, а на АЗС очередь или уже закончилось топливо.
Мне захотелось сделать простой сервис, где можно быстро посмотреть ситуацию по конкретной заправке: есть ли топливо, какие виды доступны, сколько стоит, есть ли очередь, действует ли лимит и можно ли залить в канистру.
Так появилась идея Fuel detector — сервиса для мониторинга ситуации с топливом в России.
Какую проблему решает
Главная мысль сервиса: если информация меняется быстро, её должны обновлять люди на местах.
Один водитель заехал на АЗС, увидел, что АИ-95 закончился, но дизель есть. Обновил статус. Следующий человек уже видит эту информацию и может выбрать другую заправку или спокойно ехать туда, если ему подходит доступное топливо.
Fuel detector помогает смотреть ситуацию не только на уровне региона, но и на уровне конкретной АЗС. Это важно, потому что даже внутри одного города или одной сети заправок ситуация может отличаться.
MVP за три вечера
Я описал проблему прямо в Codex внутри VS Code, объяснил, как можно её решить, какие данные нужны, как должна работать логика сервиса и какие сценарии должны быть у пользователя.
Логику работы тоже сделал агент. Я выступал скорее как продуктовый редактор и постановщик задачи: формулировал, что должно происходить, проверял, где неудобно, уточнял механику и дорабатывал структуру.
Через 3 часа у меня был готовый прототип, который работал на локальном сервере и даже с базой АЗС, собранной с Open Street Map. Ещё два вечера ушло на доработки интерфейса и парсинг полной базы заправок
Сейчас на сайте можно смотреть и добавлять статусы по 23000 заправкам в 89 регионах РФ. Да, база не полная, но потихоньку заполняется.
В карточке АЗС пользователь может указать:
- доступные виды топлива и его наличие
- цену, если её указали пользователи
- наличие очереди
- лимит в литрах на одну машину
- возможность заправки в канистру
- комментарий по ситуации на месте
Также у заправок есть графики статусов. Они помогают видеть динамику: ситуация стабильная, ухудшается или ограничения уже сняли. Это полезно не только для водителей, но и для понимания общей картины по регионам и сетям. Когда данные начинают собираться в одном месте, становится видно, где проблема точечная, а где ограничения уже превращаются в системную проблему.
Что дальше
- Улучшения по вашей обратной связи
- Насыщение данными
- Приложения на Android и iOS, очевидно, тоже без единой строчки кода
Чем больше людей будут оставлять актуальную информацию, тем полезнее станет сервис. В идеале Fuel detector должен превратиться в живую карту заправок, где можно быстро понять, что происходит прямо сейчас.