Boxrent Booking: Революционная SaaS-платформа для аренды складов

Создали инновационное веб-приложение для быстрой онлайн-аренды складских боксов в Балтии, без необходимости посещать офис.

Vue 3FastAPIPostgreSQLSPAБронированиеMapBoxDockerЛатвияSelf-Storage

Scroll

описание

readme.md

О проекте

Boxrent - ведущая сеть self-storage в Балтии, управляет множеством объектов в Латвии, Литве и Эстонии. Компания столкнулась с вызовом: клиенты были вынуждены лично звонить или посещать офис для аренды боксов, что создавало неудобства и увеличивало нагрузку на сотрудников.

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

Мы разработали современное SPA на Vue 3 с использованием FastAPI для бэкенда и PostgreSQL в качестве базы данных. Приложение включает в себя интерактивную карту с локациями объектов, построенную на базе MapBox API, интеллектуальный подбор бокса по размеру и цене, галерею изображений, отзывы клиентов, а также пошаговый флоу бронирования, который сопровождается прогресс-баром и валидацией данных.

Особое внимание уделено мультиязычности: приложение поддерживает латышский, английский и русский языки. Адаптивный дизайн оптимизирован для мобильных устройств, что критично для нашей целевой аудитории. Интеграция платёжной системы и автоматическое подтверждение аренды на email завершают пользовательский опыт.

Для администраторов была разработана панель управления объектами, боксами и арендами с системой статусов доступности в реальном времени. Проект развёрнут через Docker и CI/CD на VPS для обеспечения стабильности и масштабируемости.

решения

decisions.log

Выбор SPA и API-first подхода

Для максимальной скорости и интуитивности интерфейса мы выбрали SPA на Vue 3. Бэкенд реализован как REST API на FastAPI, что позволило разделить фронтенд и бэкенд, ускорив разработку и обеспечив лёгкую интеграцию с платёжными системами и внешними сервисами.

Интерактивная карта с MapBox API

Мы внедрили интерактивную карту на базе MapBox, чтобы пользователи могли визуально оценивать все объекты сети и быстро выбирать боксы. Это стало ключевым элементом UX, повышающим вовлечённость.

Мультиязычность и локализация

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

Автоматизация процесса аренды

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