🌍Travel Helper App

🏝️Deploy

🏝️Разработка

Цели:

• Знакомство с React: хуки, управление состоянием с помощью Redux и маршрутизация.
• Работа с несколькими API: обработка асинхронных запросов, интеграция внешних данных в приложение и работа с документацией. Дополнительно, часть статических данных кэшировалась для ускорения загрузки.
• Работа с Vite
• Использование CSS модулей
• GitHub Actions

🏝️Основной функционал

• Интерактивная карта с использованием 2GIS API
• Поиск и отображение интересных мест с помощью OpenTripMap API
• Интеграция с Telegram API для получения информации о каналах
• Фильтрация ресурсов по поисковому запросу
• Модальные окна с информацией о местах (название, описание из Wikipedia, тема, ссылка)
• Категории интересных мест для отображения на карте
• Кэширование запрошенных меток карты

🏝️Наиболее сложные задачи

1. Интеграция и управление несколькими API (2GIS, OpenTripMap, Telegram)
2. Динамическое добавление и удаление маркеров с карты
3. Обеспечение обмена данными между компонентами
4. Фильтрация и категоризация интересных мест
5. Реализация системы кэширования для оптимизации запросов к API

🏝️Стек

• Frontend:

  • React
  • TypeScript
  • Redux
  • SCSS
  • React Router
  • Vite

• APIs:

  • 2GIS API
  • OpenTripMap API
  • Telegram API

🏝️Установка и запуск

1. Клонируйте репозиторий
2. Установите зависимости:
   npm install
3. Создайте файл
   .env
   и добавьте необходимые API ключи
4. Запустите приложение:
   npm start