Разработка страницы "Объекты на карте"

Цель проекта

Создать интерактивную веб-страницу, аналогичную функционалу популярных агрегаторов недвижимости, где пользователи могут визуально изучать объекты на карте, применять фильтры и быстро переходить к детальному просмотру.

Технический стек

• Backend: Flask (Python)
• Frontend: React (JavaScript)
• База данных: PostgreSQL

Ключевые функциональные требования

1. Интерактивная карта

• Интеграция картографического сервиса (например, Яндекс.Карты, Leaflet или аналоги).
• Отображение объектов недвижимости в виде маркеров/точек на карте.
• При наведении на маркер должна отображаться краткая информация (например, цена).
• Клик по маркеру ведет на детальную страницу объекта на сайте.

2. Система фильтрации

• Панель фильтров на странице для отбора объектов по заданным параметрам (например, тип недвижимости, цена, площадь, количество комнат).
• Фильтры должны динамически обновлять набор объектов, отображаемых на карте.
• Реализация фильтрации на стороне backend с формированием соответствующего SQL-запроса к PostgreSQL.

3. Взаимодействие Frontend и Backend

• Backend (Flask) должен предоставлять RESTful API эндпоинт для получения отфильтрованных данных об объектах (координаты, цена, ссылка, основные параметры).
• Frontend (React) отправляет параметры фильтров, получает данные и отрисовывает маркеры на карте.
• Архитектура должна быть модульной и масштабируемой.

4. Данные и база данных

• Спроектировать или использовать существующую структуру таблиц в PostgreSQL для хранения информации об объектах (включая географические координаты).
• Обеспечить корректную выборку данных с учетом фильтров.

Ожидаемый результат

Полнофункциональная, быстрая и удобная страница, которая позволяет клиентам сайта визуально искать объекты недвижимости на карте, используя гибкую систему фильтров, и оперативно переходить к их подробному описанию.