Я зробив AutoRoam — PWA-додаток, який автоматизує розрахунок віньєток, пального та ночівель у Європі

💡 Усі статті, обговорення, новини про Front-end — в одному місці. Приєднуйтесь до Front-end спільноти!

Привіт, спільното DOU! 👋

Мене звати Максим, і я хочу поділитися своїм пет-проєктом AutoRoam, який народився з власного нескінченного головного болю під час автомобільних подорожей Європою.

Яку проблему я вирішував?

Кожного разу, плануючи поїздку за кордон (наприклад, з Києва чи Львова до Німеччини або Італії), моя підготовка перетворювалася на виробниче пекло з 15 відкритими вкладками в браузері:

• Віньєтки та платіжні дороги: У кожній країні свої правила. Десь треба купувати віньєтку на 7 днів, десь — на 10, десь оплата за ділянки (Австрія/Італія), а у Словаччині чи Румунії свої сайти, де легко натрапити на посередників-шахраїв із переплатою в 50%.
• Ночівлі та транзит: Коли їдеш 1500+ км з родиною чи тваринами, треба чітко розуміти, де тебе застане ніч (і що там є готель з паркінгом), а де доведеться стояти на кордоні.
• Бюджет: Рахувати в Excel витрати на бензин через різні країни з різними цінами на пальне — той ще квест.
• Існуючі навігатори (Google Maps, Waze) чудово ведуть під час руху, але вони не вміють комплексно планувати логістику до поїздки.

Що таке AutoRoam і що він вміє зараз:

Я вирішив об’єднати весь цей хаос у єдиний інтерактивний таймлайн:

• Інтелектуальний розрахунок віньєток: Алгоритм аналізує ваш маршрут і автоматично визначає, які платні дороги ви перетинаєте, скільки коштують віньєтки саме під тривалість вашої поїздки, та дає безпосередні посилання на офіційні державні портали кожної країни (без скам-посередників).
• Точний калькулятор пального: Враховує реальний розхід вашого авто та актуальні середні ціни на бензин/дизель у країнах транзиту.
• Планування зупинок (Pit-stops & Overnight): Дозволяє розбити довгий маршрут на логічні відрізки з урахуванням часу на кордоні та бронюванням ночівель.

Гортайте вбік, щоб подивитися всі зображення

Трохи про стек та розробку:

• Frontend: Сучасний веб-стек (Next.js / TypeScript / Tailwind CSS / Framer Motion для плавних мікро-анімацій).
• Інтеграції: Робота з гео-даними, кастомна логіка перетину кордонів та розрахунку транзитних зон ЄС.
• UX/UI: Основний акцент робився на швидкості — щоб водій міг побудувати та прорахувати складний маршрут через 4 країни менш ніж за 30 секунд.

Плани та заклик до спільноти:

Зараз сервіс абсолютно безкоштовний. Моя головна мета зараз — отримати якісний фідбек від технічної спільноти та активних мандрівників.

👉 Поклацати додаток можна тут: AutoRoam

Буду вдячний за будь-яку критику та баг-репорти:

• Як вам UX таймлайну на мобільних пристроях?
• Чого найбільше не вистачає з фіч (інтеграція з Booking, офлайн-режим, експорт у навігатори)?
• Якщо знайдете баги чи крашнете розрахунок — пишіть у коментарях, буду фіксити в лайві! 😄

Дякую за увагу! 🇺🇦