Написать логику Формы - 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 дня
Applications 4
Current freelance projects in the category Javascript and Typescript
Development of an interactive Palworld map for the websiteWe need to develop an interactive map for Palworld based on the example: https://palworld.gg/map We need not just a static image, but a full-fledged interactive map where users can view locations, toggle object categories on/off, search for specific points, and interact with… HTML & CSS, Javascript and Typescript ∙ 17 hours 27 minutes back ∙ 22 proposals |
Development of the AM Mobility platform (car service, parking, insurance, car rental)
5786 USD
We are looking for a team or an experienced Full Stack developer to create the MVP of the AM Mobility platform. AM Mobility is a unified digital ecosystem for motorists, combining in one application and web platform: parking; car service; tire fitting; car wash; car rental;… Javascript and Typescript, Web Programming ∙ 5 days 23 hours back ∙ 116 proposals |
Gsap animations
22 USD
Good day. Corrections need to be made in the current project. A specialist is needed who works well with gsap/lenis. Animation of cards needs to be done. Detailed specifications here:… Javascript and Typescript, Web Programming ∙ 6 days 5 hours back ∙ 21 proposals |
I am looking for a mentor with Claude Code to launch a web project from scratch.Brief about the task: I am a beginner with no programming experience. I have a ready specification for website development (42 pages, Next.js, PostgreSQL). I want to implement it myself using Claude Code - I need a specialist who will set up the environment and teach me how to… Javascript and Typescript, Tuition ∙ 8 days 4 hours back ∙ 21 proposals |
Website design updateIt is necessary to update the design of the existing website using HTML, CSS, JS: refresh the appearance, make it modern and responsive for mobile devices. Smooth animations and interactive elements need to be added. HTML & CSS, Javascript and Typescript ∙ 8 days 22 hours back ∙ 97 proposals |
Kyiv