/maroom

Тестовое задание на позицию frontend developer

Primary LanguageJavaScript

Тестовое задание для компании Marrom

Этот проект создан при помощи Create React App.

Доступные скрипты

В директории проекта вы моежете запустить следующие скрипты:

npm start

Запуск приложения в режиме разработки Откойте в браузере http://localhost:3000 чтобы увидеть запущенное приложение

Страница будет автоматические перезагружаться при изменениях. Все ошибки выводятся в консоль

npm test

Запускает тесты.

npm run build

Собирает ваше приложение в папке build

Многоступечатая форма регистрации

  • Шаг 1 : ввод ФИО и даты рождения
  • Шаг 2 : ввод email
  • Шаг 3 : ввод пароля и повторный ввод пароля
  • Шаг 4 : вывод финального результата и поздравления

CodeSandbox

Используемые технологии

  • React
  • Redux
  • material-UI
  • formic
  • yup

Выполнены дополнительные требования

  • Валидация полей
  • Написаны тесты для компонентов
  • Написаны тесты для Redux
  • Добавить новое поле для валидации можно в папке utils/validators (создать новую схему и экспортировать)

Дополнительно

  • Был создан DAL (папка api/api.js)
  • Используя сущности из DAL можно взаимодействовать с backend (запросы,отправка итоговой формы на backend)
  • Добавлена возможность возвращения на первый шаг после регистрации
  • В app-reducer можно выбрать начальные значения для всех полей