Fake-map-features

Тестовое задание

Сделать одностраничное приложение со списком пользователей в колонке (sidebar) и в виде объектов на карте. В списке надо показывать аватарку, имя и почту пользователя (посмотри структуру данных в ответе сервера). На карте пользователей отображать в виде точек, цвет точки брать из данных с сервера (поле color). При клике на точку на карте показывать Pop-up, с именем и почтой пользователя. Для карты использовать openlayers. Для интерфейса - React, для управления состоянием - Redux в приоретете. Стиливое оформление не важно.

Дополнительные пункты (необязательно)

• При клике на пользователя в колонке (sidebar), зумировать карту на этого пользователя и отображать Pop-up.
• Так же плюсом будет написание тестов.

Сервер фэйковых данных

Сервер отдает массив рандомных geoJson features пользователей, используя json-server

Запуск сервера

git clone https://github.com/gostgroup/fake-map-features.git
cd fake-map-features
npm i
npm start

Open http://localhost:3000/

Получение пользователей

GET http://localhost:3000/features