Форма Vue.js с одним запросом в API
Собрать 4-ступенчатую форму на Vue 3 из компонентов Vuetify, поворачивать валидацию Vuelidate и в конце все отправить одним запросом на API с помощью Axios.При успехе - редирект по URL с ответом, при ошибках (валидации, 500-го сервера, и т.д.) - показывать их через toastr.Подробное описание задания
Необходимо использовать компоненты Vuetify, немного стилизировать их.Собрать нужно адаптивно (мобиль и десктоп версии, на мобиле - один стовпчик).Форма состоит из 4 шагов, каждая независима от предыдущих.Внизу каждого шага есть кнопки.Назад - просто показать первый шаг.Следующий - провалить текущий и если все в порядке - переключить на следующий.Submit - вместо Next на последнем шагу, фактически вызывает отправление запроса на сервер.Вся форма только на одном языке — на английском.Полы могут быть следующими типами: ред (обычный вход) текстовое поле (textarea) число (int) дата (выбор года/месяца/счет).нужен удобный выбор - сначала год, а затем уже все другое, потому что "листы" месяцев или 3 клики, чтобы выбрать год - не удобно маскированный ряд (введение за маской) для телефона/zip code/ssn/etc.радио с булевым значением (Yes/No), т. е.BoolRadio-компонент select (без запросов к API) файл (аватарка) с кроппером и по итогу строком base64 Валидации - стандартные (должина, почта, и т. д.), conditional required (если какой-то BoolRadio=true), compare dates (одна дата больше другой) и несколько regex.Некоторые поля отображаются по умолчанию, от компонента BoolRadio или select-а.Есть еще компонент для массива полей (EntityList).Используется, например, для списка рабочих мест, когда можно добавить повторяемый "шпаток" формы и заполнить его.Дефолтная модель с скролом с Vuetify для правил, возможно только немного стилизировать + забивать текст в ней.К единому запросу API добавляется OpenAPI (Swagger) дока в полном ТЗ.Технические требования
Что нужно: Vue 3 Vuetify SPA (single form) Axios (API request) Vuelidate Adaptive layout 320px-3840px (one breakpoint) Что не нужно (что упрощает работу): Router SSR Store Cookies / localStorage Locales (только en) Другие условия сотрудничества Только безопасная соглашение NDA (Соглашение о нераспространении) Поделиться прогрессом во время действия через комиссии в репозитории Управлять плохо сделанный код, даже рабочий (качество кода мы оцениваем в соответствии с общепринятыми стандартами, но конечный вердикт за нами, так как принимать согласованный, с которым невозможна дальнейшая работа - не будет) Зачем вам интересный проект?Потому что мы понимаем технический язык и не нужно тратить время на объяснение Потому что ревю от опытных разработчиков команды Qberry - один из наших команд-лидеров Потому что помощь / советы по необходимости Детальные технические задачи:
https://qberry.notion.site/VUE-form-577e27a8a7c24c629a71aa2d42f4699d
Актуальные фриланс-проекты в категории Javascript и Typescript
Ищем Odoo Developer — соло-разработчика с опытом разработки на Odoo 19 Community EditionЕсть рабочий, чисто спроектированный проект на Odoo 19 Community — CRM для украинского отеля, уже в production-grade инфраструктуре. Переписывать с нуля не планируем. Ищем одного человека, который подхватит проект, сохранит работоспособность и поведет его дальше: сначала CRM →… Javascript и Typescript, Веб-программирование ∙ 3 минуты назад ∙ 1 ставка |
Верстка React/Tailwind компонента для друка бланка А4Необходимо исправить UI/UX дизайн и геометрию одного React-компонента (шаблон клинической карты для печати в PDF) Весь функционал, массивы данных и логика уже написаны и работают — нужна чисто косметика, правильные отступы и позиционирование элементов с помощью Tailwind CSS… HTML и CSS верстка, Javascript и Typescript ∙ 8 часов 37 минут назад ∙ 49 ставок |
Ищу опытного Full Stack разработчика для создания SaaS-сервиса для интернет-магазинов.Идея сервиса: Клиент загружает ссылку на свой товарный фид (XML или CSV). Сервис автоматически получает товары, берет их фотографии и создает новые рекламные изображения по готовым шаблонам: цена, скидка, логотип, акционные плашки и т.д. Также в сервисе должен быть простой… Javascript и Typescript, Веб-программирование ∙ 1 день 5 часов назад ∙ 75 ставок |
Разработка WebGL/Three.js сцены с генерацией и экспортом 3D (snapshot) из анимированного шейдераОписание объекта:Проект представляет собой дизайнерский стол, выполненный в форме реалистичного, глубокого водоворота (центральная воронка, которая плавно переходит из широкой горизонтальной столешницы в тонкую изящную ножку). Суть задачи:Требуется WebGL / Creative Coding… Javascript и Typescript, Веб-программирование ∙ 2 дня 2 часа назад ∙ 29 ставок |
Поддержка и развитие сайта клининговой компании
906 UAH
Ищу веб-разработчика / веб-мастера для долгосрочной поддержки и развития сайта клининговой компании. Сайт: https://donely.ca О проекте DoneLy Home Services — компания по предоставлению услуг уборки в Канаде, которая активно развивается и расширяет географию работы. Ищу… Javascript и Typescript, Веб-программирование ∙ 4 дня 4 часа назад ∙ 63 ставки |