Все кейсы

Сайт-подборщик недвижимости для ECRZ с адаптивным скейлингом и SEO

Лига А. ·Илья Молчанов ·2024

Разработали фронтенд сайта-подборщика недвижимости с адаптивным скейлингом и фильтрами, сократив объём кода в 3 раза.

Открыть проект

Задача

Требовалось разработать фронтенд сайта-подборщика недвижимости по новому дизайн-макету, реализовав сложные фильтры и вложенные фильтры, а также обеспечить корректное отображение на всех устройствах.

Решение

Использовали скейлинг в React, вычисляя базовую единицу ширины экрана, что позволило пропорционально масштабировать блоки без дополнительных стилей и сократить код в 3 раза. Для фильтров реализовали динамическую смену в зависимости от типа недвижимости (квартира, дом, участок, коммерческая) с вложенными фильтрами, запрашивая данные с сервера по типу жилья. Также настроили SEO: состояния фильтров сохраняются в URL, сервер рендерит готовую разметку для индексации.

Результат

Создан сайт с адаптивным скейлингом, гибкими фильтрами и SEO-оптимизацией, объём кода уменьшен в 3 раза.