https://github.com/secondthunder/modsen-test-task-2
https://github.com/secondthunder/modsen-test-task-2
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/secondthunder/modsen-test-task-2
- Owner: SecondThundeR
- Created: 2023-07-14T08:57:20.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-07-28T16:23:01.000Z (almost 2 years ago)
- Last Synced: 2023-07-28T17:44:28.112Z (almost 2 years ago)
- Language: TypeScript
- Homepage: https://modsen-test-task-2.vercel.app
- Size: 594 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Тестовое задание “Путеводитель по городу”
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 для обеспечения типизации и снижения количества ошибок в коде.