SPA-приложение для построения упрощенного маршрута по точкам (с использованием API Яндекс.Карт).
В приложении присутствует поле для ввода названия точки, список введенных точек и карта, на которой отображены эти точки.
Ввод точки осуществляется по нажатии клавиши Enter
. Точки в списке можно менять местами перетаскиванием.
Из списка их можно удалять, кнопка удаления есть у каждой точки в списке. На карте точки также можно перемещать.
При вводе новой точки она автоматически появится в текущем центре карты.
Проект сделан с помощью приложения Create React App.
- Убедитесь, что у вас на локальной машине установлен git, node.js и npm
- Склонируйте этот репозиторий:
git clone [email protected]:pvburkov/map-app.git
- Перейдите в папку приложения:
cd map-app
- Установите все нужные для работы приложения пакеты:
npm install
- Запускайте приложение:
npm start
, если вы работаете под Unix-based ОС,
илиnpm run start:win
, если вы работаете под Windows
Если вместо приложения вы видите сообщение "This site can’t be reached", то вместо localhost:3000
в адресной строке браузера попробуйте набрать 127.0.0.1:3000
. Подобная проблема встречается в Google Chrome.
В директории проекта доступны несколько скриптов:
Скрипт запускает приложение в режиме разработки
(в начале проходят проверки кода с использованием ESLint и запуск юнит-тестов на Jest).
Откройте http://localhost:3000, чтобы увидеть результат в браузере.
Страница будет перезагружена при внесении каких-либо изменений в код.
Запуск юнит-тестов в интерактивном watch-режиме или без такого режима.
Генерация оптимизированных исходников и сборка рабочего варианта (билда) приложения в директории build
.
Подробнее о процессе выгрузки рабочего билда на сервер можно прочитать по ссылке: deployment.