Система бронирования отелей и ресторанов

Направление: Туризм

Гео: Смоленск

Задача

Клиент обратился к нам с конкретной проблемой: существующее веб-приложение для бронирования отелей и ресторанов требовало серьезной оптимизации. Оно работало на устаревших технологиях и не отвечало современным требованиям пользователей. Основные проблемы заключались в следующем:• Низкая скорость загрузки: Пользователи часто сталкивались с долгими ожиданиями при загрузке страниц, что негативно сказывалось на их опыте.• Устаревший интерфейс: Дизайн приложения выглядел неактуально, что снижало кликабельность и интерес к использованию платформы.• Отсутствие поддержки новых технологий: Кодовая база была написана на Vue.js 2, что ограничивало возможности по дальнейшему развитию.Цели, которые поставила наша команда:?Провести полную миграцию кодовой базы на более современную версию Vue.js.?Оптимизировать код в соответствии с последними стандартами индустрии.?Разработать новый, более привлекательный интерфейс приложения.

Решение

Работа над проектом началась с глубокого анализа текущего состояния приложения. Мы провели code review, чтобы выявить узкие места и понять, какие элементы требуют наибольшего внимания. ▎Основные шаги реализации: 1. Миграция кодовой базы: Мы начали с перехода с Vue.js 2 на Vue.js 3, что дало нам возможность использовать новые функции и улучшения, такие как Composition API. Также мы заменили Webpack на Vite, что значительно ускорило сборку проекта. 2. Оптимизация кода: Во время миграции мы не просто перенесли код, но и оптимизировали его. Это включало в себя улучшение структуры компонентов, удаление устаревших зависимостей и применение лучших практик программирования. 3. Внедрение Typescript: Мы добавили поддержку Typescript для улучшения типизации кода. Это сделало его более читаемым и упростило дальнейшую поддержку и разработку новых функций. 4. Автоматические тесты: Мы покрыли проект автоматическими тестами, чтобы гарантировать его стабильность и снизить вероятность появления ошибок в будущем. 5. Разработка нового интерфейса: Наконец, мы создали новый интерфейс приложения с акцентом на удобство пользователя. Мы использовали CSS (SASS) для стилизации и HTML для создания структурированных компонентов.