Описание и функционал сайт бронирования отелей "Токсин"
Функционал
сайта
Доступны страницы: "Главная", "Поиск комнаты", "Карточка номера", "Регистрация", "Вход", а также страницы UI-кита
При нажатии на поле ввода "Прибытие" или "Выезд" на "Главной" появляется интерактивный календарь
На странице с подобранными номерами данные для каждой карточки подтягиваются с сервера. В каждой карточке есть слайдер с фотографиями номера
Нажав на поле "Гости" на "Главной", вы увидите выпадающий список, в котором можно выбрать количество гостей разного возраста
Информацию об остальном функционале и о внешнем виде сайта вы можете получить из макета
Технологии и
особенности
Сайт сделан на html, css и js
В работе использовался препроцессор sass, что ускоряет работу и обеспечивает модульность верстки
При верстке использовалась методология БЭМ. Это обеспечивает реиспользуемость элементов и лучшую поддержку
Для сборки проекта использовался webpack
Верстка семантична, что улучшает ее восприятие браузерами. Такой сайт проще продвигать и легче поддерживать
Файл стилей, иконки и картинки минифицированы. Для каждого устройства скачиваются картинки оптимального размера, что позволяет сайту загружаться быстрее и экономит трафик
Выполнена предзагрузка шрифтов в html. Это позволяет показать пользователю контент сайта максимально быстро даже при низкой скорости интернета
При разработке проекта использовался шаблонизатор pug. Он позволяет дробить верстку на компоненты и упрощает поддержку сайта