Тестовое задание
для фронтенд-разработчиков
  • Задача
    Реализовать реактивное web-приложение для ввода телефонных номеров и вывода списка введенных номеров в таблицу или список.
  • Технологии
    Тестовое задание необходимо реализовать с помощью ReactJS, Redux и БД на ваше усмотрение.
  • Пользовательский интерфейс
    1. Элемент для ввода номера телефона;
    2. Список (или таблица) введенных номеров телефонов.

      Элемент ввода номера телефона состоит из:
      1. Селектора с выбором кода страны — три кода разных стран на ваше усмотрение, список стран и кодов вынесен в конфиг;
      2. Поля для ввода номера телефона;
      3. Кнопки отправки.
  • Поведение
    Изначальное состояние web-приложения

    1. Поле для ввода номера пустое;
    2. Таблица (список) пустая;
    3. В селекторе выбран код «+7».
    При наборе номера телефона в происходит валидация.

    Правила валидации:

    1. Длина номера телефона от 3 до 10 цифр, без учета кода страны;
    2. Запрещены любые символы, кроме цифр.
    При нажатии на кнопку отправки номер сохраняться в БД и выводится в таблицу (список). В режиме online таблица (список) обновляется на всех устройствах, на которых открыто web-приложение.
Выполненное задание и резюме присылайте тимлиду Александру Виноградову
на a.vinogradov@суперкасса.рф