/testovoe-formi

Тестовое задание на позицию frontend-разработчика в Extra Logic

Primary LanguageJavaScript

Что это?

В этом репозитории - выполненное ТЗ, предлагаемое соискателям на позицию миддла фронтендера. Если вкратце описывать его суть, то было нужно создать небольшой аналог "Гугл форм".

Функциональность

  1. Добавить создание, редактирование, копирование и удаление полей новой формы;
  2. Пользователь может создать поле одного из трех типов: обычный input, textarea или select;
  3. Если выбран select - открыть подменю добавления опций селектора;
  4. После этого - либо добавить, отправив данные на сервер, либо сбросить новую форму.

Дизайн - произвольный; главные требования предъявлялись к логике: нужно было сделать так, чтоб конструктор форм базировался на двусвязном списке, имплементированном вручную.

Стек технологий

  1. React;
  2. Mobx;
  3. Material UI;
  4. SCSS-модули;
  5. Webpack;
  6. Axios;
  7. Jest - для юнит-тестов.

Как запустить?

Ввести команду npm run dev

Демонстрация работы web-приложения