Keksobooking

Сервис размещения объявлений о сдаче в аренду недвижимости.Пользователям предоставляется возможность размещать объявления о своей недвижимости или просматривать уже размещённые объявления.

Описание проекта

Карта реализуется сторонней библиотекой Leaflet. В активном состоянии страница позволяет вносить изменения в форму и отправлять её на сервер. После загрузки данных с сервера просматривать похожие объявления на карте, фильтровать их и уточнять подробную информацию о них, показывая для каждого из объявлений карточку.
Адрес в форму объявления подставляется из координат главной метки на карте. Ручное редактерование заблокировано.
Валидация формы (с помощью метода setCustomValidity). При попытке отправить форму с неправильными данными, отправки не происходит, а неверно заполненные поля подсвечиваются и предоставляют информирую о том что именно введено неверно.
Фильтрация отображаемых объявлений.
Отображение карточки объявлений при клике на пин объявления.
Устранение дребезга, отрисовка объявлениий при изменении фильтров не чаще установленного интервала (debounce с помощью метода setTimeout).
Проект разбит на модули.
В проекте настроена сборка JavaScript модулей с помощью Webpack.

Ссылка на "живой" On-Line проект Ссылка проекта на GitHub

Сборка проекта

Готовый проект формируется в папку - dist.

Перед сборкой и запуском проекта необходимо установить зависимости командой: npm i
Сборка для разработки (Dev mode): npm run dev
Сборка продакшн (готовый проект для размещения на хостинге): npm run build
Запуск проекта локально: npm start