/travel-planner

Simple travel planner on React.

Primary LanguageJavaScript

Travel Planner

Live Demo

https://efeto.ru/apps/travel-planner/

Описание функционала и использование

SPA представляет собой простой планировщик маршрутов. Адаптирован только для настольных компьютеров.

Как добавить точку маршрута

  1. Выбираем место, это можно сделать 2 способами:
  • ввести адрес, или название объекта в левом верхнем углу карты, или,
  • выставить карту так, чтобы нужная точка была примерно в центре карты (потом позицию можно будет уточнить).
  1. Ввести название точки маршрута в поле слева от карты и нажать 'Enter'.

Как использовать

  • Точку маршрута можно удалить нажав на красную корзину,
  • если кликнуть на маркере точки на карте, появится окно с названием точки и адресом,
  • маркер на карте можно передвигать, при этом адрес будет автоматически менятся (с небольшой задержкой, которую вы скорее всего даже не заметите),
  • когда точек маршрута будет больше одной, они начнут соединятся линиями,
  • при перетаскивании маркера точки на карте, линии соединяющие соседнии точки, также будут перестраиватся,
  • очерёдность точек маршрута можно менять, перетаскивая их имена слева от карты, при этом очерёдность линий, соединяющих точки на карте, также будет меняться.

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

Введите в консоли:

  1. git clone https://github.com/Aparin/travel-planner

  2. cd travel-planner

  3. npm install

  4. npm start

SPA запустится на localhost в режиме development

Запуск тестов

npm test