Написать логику Формы - Formik + Yup. Проверка кода

Написать логику Формы - Formik + Yup. Проверка и рефакторинг кода согласно React Material UI - gudelines 

Задача создать форму с валидацией согласно дизайну и следующей логикой. 

Проект частично написан, HTML, JS, CSS стили уже готовы, их можно будет использовать.  

Форма состоит из двух шагов. 

Шаг 1(step1) состоит из:

• Заголовка
• You are looking for - Select с 4 вариантами 
• Link to your design (you can also drag and drop a file) - Поле с возможностью вводить текст-ссылку или перетаскивать файлы. Во время перетаскивания форма меняет вид (step1-2), после попадания валидного файла, вид возвращается в предыдущее состояние (step1), а  название файла попадает в соответствующее поле.
• Number of pages - числовое поле
• Your e-mail - поле ввода email
• Кнопка Get started - должна эмулировать отправку  -  объект в консоли со всеми введёнными данными или  Next (переход на Шаг 2). 
•  В мобильной версии (step1-1) - форма упрощается и появляется кнопка загрузки файла с сохранением названия файла, как описано выше

Шаг 2 (step 2) состоит из:

• Заголовка
• Previous step - кнопка возврата на предыдущий шаг
• Блок с API данными. Подключать API  не нужно. блоки должны быть визуально разными в зависимости от You are looking for из предыдущего шага. 
• Кнопка Get started. Должна эмулировать отправку  -  объект в консоли со всеми введёнными данными

Логика и валидация

• Все поля - обязательные и не могут быть пустыми 
• Link to your design (you can also drag and drop a file) - файл или url 
• Кнопки Get started  и Next активны если все предыдущие поля валидные
• Кнопка Next и возможность перейти на Шаг 2, появляется только когда в You are looking for выбран  Reat + API и React Native + API

Так же нужно пройтись по всему коду проверить качество и чистоту кода, отвечает ли философии и код стилю  Material UI, таким как css in js и тд

 срок выполнения 1-2 дня