Система бронирования отелей и ресторанов
Направление: Туризм
Гео: Смоленск
Задача
Клиент обратился к нам с конкретной проблемой: существующее веб-приложение для бронирования отелей и ресторанов требовало серьезной оптимизации. Оно работало на устаревших технологиях и не отвечало современным требованиям пользователей. Основные проблемы заключались в следующем:• Низкая скорость загрузки: Пользователи часто сталкивались с долгими ожиданиями при загрузке страниц, что негативно сказывалось на их опыте.• Устаревший интерфейс: Дизайн приложения выглядел неактуально, что снижало кликабельность и интерес к использованию платформы.• Отсутствие поддержки новых технологий: Кодовая база была написана на 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 для создания структурированных компонентов.
