Помогает ведущим идентифицировать гостей в зале и получать информацию о них.
Перейти на сайт.
Запуск приложения: npm run start
Поиск
: Поиск по имени и фамилии, регистр не важен.
Очистить
: Очистка строки поиска, остальные фильтры остаются.
Сбросить фильтры
: Сброс всех фильтров, очистка строки поиска, плавное возвращение к началу страницы.
Отображение числа гостей: Показывает общее кол-во гостей и кол-во гостей, в зависимости от выбранных фильтров.
При скролле основные элементы управления прилипают к экрану, так же появляется кнопка возврата к началу страницы.
Кнопка Фильтры
отображает выезжающую панель. Закрыть панель можно нажтием на затемненную область экрана. При закрытии панели с фильтрами происходит плавный возврат к началу страницы. Кнопка Сбросить
убирает все фильтры, но не закрывает панель, так же возвращая к началу страницы.
Доступные фильтры:
Сторона: невесты / Сторона жениха
Важность: Родственники / близкие друзья / друзья
Активность: высокая / низкая
История: гости с историей / все гости
Столы: возможность вабрать номер стола и увидеть кто за ним сидит
При добавлении фильтров на главном экране появляется панель с миниатюрами примененных фильтров в виде эмодзи. По клику на них можно отменить один текущий ильтр, либо сбросить все сразу, нажав Сбросить фильтры
.
React, Redux, Bootstrap, Lazy loading (React Intersection Observer), Express, MongoDB.