MODSEN TEST TASK

Test task “City guide”

START UP:

1. You should run the server first:

npm run start:dev

or

npm run build

2. Then you can run the client:

npm run start

or

npm run build

Initially, the client is available on port 3000 and the server on port 8000

HOSTINGS:

• VERCEL

TASK ^ru:

1. Создайте компонент "Map" для отображения карты с маркерами достопримечательностей.
2. Реализуйте возможность получения геопозиции пользователя и центрирования карты на этой позиции.
3. Добавьте функциональность для поиска достопримечательностей в выбранном радиусе (например, 1 км) и отображения их на карте.
4. Реализуйте функциональность для фильтрации достопримечательностей по категориям (например, музеи, парки, рестораны и т.д.).
5. Добавьте возможность отображения дополнительной информации о выбранной достопримечательности (название, адрес, описание, фотографии и т.д.).
6. Реализуйте функциональность добавления достопримечательности в избранное и отображения списка избранных мест.
7. Добавьте возможность отображения маршрута до выбранной достопримечательности и расчета времени и расстояния до неё.

Требования:

1. Приложение должно быть реализовано с использованием React и любой удобной для вас библиотеки для работы с картами, например, Google Maps API.
2. Приложение должно иметь отзывчивый дизайн и быть доступным для использования на разных устройствах, включая мобильные устройства.
3. Приложение должно иметь возможность регистрации и аутентификации пользователей.
4. Приложение должно иметь возможность сохранения данных о выбранных местах и просмотре их позже.

Технологии:

1. React (с использованием React Hooks и контекста, если это необходимо).
2. Библиотека для работы с картами, например, Google Maps API или Leaflet.
3. CSS-фреймворк, такой как Bootstrap или Material UI для быстрого создания отзывчивого дизайна.
4. Firebase или другой сервис для хранения данных пользователей и избранных мест.

Также может быть полезным использование следующих технологий:

1. Redux для управления состоянием приложения.
2. Axios для выполнения запросов к API.
3. React Router для реализации навигации между страницами.
4. TypeScript для обеспечения типизации и снижения количества ошибок в коде.

Приблизительный дизайн: https://www.figma.com/file/UlFWoJkkuGfziLMIxRm8s1/Mappie?type=design&node-id=0-1&t=FiyHiv6aM4ASSQAm-0