Для получения данных о маршруте и списка доступных адресов я испоьзую сервер.

• /auth - позволяет авторизоваться (test@test.com / 123123)
• /register - позволяет зарегистрироваться
• /route - возвращает список точек для маршрута
• /addressList - возвращает список доступных адресов

Для работы с картой предлагается использовать сервис mapbox. Он предоставляют библиотеку для Javascript, её довольно удобно использовать для отображения карты и маршрутов на ней.

Документация для Jаvascript библиотеки

Для работы с картой вам потребуется зарегистрироваться на mapbox и получить токен.

Для реализации приложения я использовал библиотеку компонентов Material UI.

Необходимо реализовать приложение со следующим функционалом:

• Как пользователь:

  • Я могу авторизоваться в приложении
  • При неверном логине или пароле я получу ошибку валидации
  • При попытке перейти на любую страницу кроме /login я буду перенаправлен обратно на страницу /login

• Как авторизованный пользователь:

  • Я имею доступ к странице с картой (/map)
  • При незаполненных платёжных данных на странице карты я вижу сообщение о необходимости их заполнить и ссылку на профиль.
  • Я имею доступ к странице профиля (/profile)
  • На странице профиля (/profile) я могу указать данные банковской карты
  • Я могу выйти из аккаунта нажав кнопку "Выйти".

• Как авторизованный пользователь с указанными платёжными данными:

  • На странице с картой я могу выбрать адрес отправления и прибытия из списка доступных.
  • При указанных адресах отправления и прибытия я могу нажать на кнопку "Вызвать такси".

• create-react-app
• React.js
• react-router
• Redux
• redux-saga
• Redux Form
• Material UI
• redux-actions
• CSS-modules
• Jest
• Mapbox API

git clone https://github.com/Alkhimovmv/loft-taxi

npm install

Для получения данных о маршруте и списка доступных адресов я испоьзую сервер.

• /auth - позволяет авторизоваться (test@test.com / 123123)
• /register - позволяет зарегистрироваться
• /route - возвращает список точек для маршрута
• /addressList - возвращает список доступных адресов

Для работы с картой предлагается использовать сервис mapbox. Он предоставляют библиотеку для Javascript, её довольно удобно использовать для отображения карты и маршрутов на ней.

Документация для Jаvascript библиотеки

Для работы с картой вам потребуется зарегистрироваться на mapbox и получить токен.

Для реализации приложения я использовал библиотеку компонентовMaterial UI.

Необходимо реализовать приложение со следующим функционалом:

• Как пользователь:

  • Я могу авторизоваться в приложении
  • При неверном логине или пароле я получу ошибку валидации
  • При попытке перейти на любую страницу кроме /login я буду перенаправлен обратно на страницу /login

• Как авторизованный пользователь:

  • Я имею доступ к странице с картой (/map)
  • При незаполненных платёжных данных на странице карты я вижу сообщение о необходимости их заполнить и ссылку на профиль.
  • Я имею доступ к странице профиля (/profile)
  • На странице профиля (/profile) я могу указать данные банковской карты
  • Я могу выйти из аккаунта нажав кнопку "Выйти".

• Как авторизованный пользователь с указанными платёжными данными:

  • На странице с картой я могу выбрать адрес отправления и прибытия из списка доступных.
  • При указанных адресах отправления и прибытия я могу нажать на кнопку "Вызвать такси".

• create-react-app
• React.js
• react-router
• Redux
• redux-saga
• Redux Form
• Material UI
• redux-actions
• CSS-modules
• Jest
• Mapbox API

git clone https://github.com/Alkhimovmv/loft-taxi

npm install

npm start