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

Цель проекта

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

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

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

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

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

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

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

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

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

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

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

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

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

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

дизайн