Приложение для заказа такси.

Проект представляет из себя очень простое приложение для заказа такси основе mapbox.

Логин: [email protected] Пароль: 123123

Работа с сервером

Для получения данных - использован Fake api.

Работа с картой

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

Работа со стилями

В приложении использовалась библиотека Material UI.

Функционал

• Без авторизации:

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

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

  • Если платёжные данные не заполненны то отображается сообщение о необходимости их заполнить с ссылкой на профиль;
  • Возможность просмотра и заполнения профиля (/profile);
    • Поля cardName, cardNumber, expDate, cvv обязательны для заполнения;
    • Поле cardName может содержать только буквы латинского алфавита;
    • Поле cardNumber может содержать только цифры и должно иметь длину 8 символов;
    • Поле expDat должно иметь формат даты;
    • Поле CVV может содержать только цифры. Состоит из 3 символов;
    • Я получаю оповещение при успешном сохранении данных карты.
  • Выйти из аккаунта нажав кнопку "Выйти".

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

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

Команды

• npm install - установка зависимостей;
• npm run start - запуск приложения;
• npm run test - запуск тестов;