Vue.js form with one API request
Collect the 4-step form on the Vue 3 from the Vuetify components, turn the Vuelidate validation and end up sending it all with one request to the API using Axios.If success - redirect to the URL of the answer, if errors (validations, 500 server, etc.) - to show them through toastr.Detailed description of the task
It is necessary to use the components of Vuetify, a bit to stylish them.Getting needs adaptive (mobile and desktop version, on the mobile - one stack).The form consists of 4 steps, each independent of the previous.At the bottom of each step there are buttons.Back - just show the first step.Next - fail the current and if it's okay - switch to the next.Submit - instead of Next on the last step, actually causes a request to the server.The whole form is in one language, English.Fields can be the following types: line (usually input) text field (textarea) number (int) date (election of year/month/number).You need a convenient choice - first year, and then everything else, because the "page" of the month or 3 clicks to choose the year - is not conveniently masked order (introduction to the mask) for the phone/zip code/ssn/etc.Radio with a bull value (Yes/No)BoolRadio-component select (without requests to the API) file (avatar) with a cropper and a base64 line validation - standard (length, mail, etc.), conditional required (if some BoolRadio=true), compare dates (one date greater than another) and several regex.Some fields are displayed by condition, from the BoolRadio component or select.There is another component for the field massive (EntityList).It is used, for example, for a list of workplaces, when you can add a repeated "shadow" form and fill it.A default model with a scroll with Vuetify for rules, you can only stylish a little + get the text in it.To the single API request is added OpenAPI (Swagger) proof in full TZ.Technical requirements
What do you need: Vue 3 Vuetify SPA (single form) Axios (API request) Vuelidate Adaptive layout 320px-3840px (one breakpoint) What do you don’t need (which makes it easier to do): Router SSR Store Cookies / localStorage Locales (only en) Other conditions of cooperation Only safe NDA Agreement (Non-Declaration Agreement) Share progress during action through committees in the repository Repair badly made code, even working (quality of the code we assess according to the generally accepted standards, but the final verdict for us, as we accept the agreement with which it is impossible to do further work - not) Why will you be interested in the project?Because we understand the technical language and don’t have to spend time on the explanation Because I’m reviewed by experienced Qberry team developers – one of our team leaders Because help / advice on the need Detailed technical tasks:
HTTPS://qberry.notion.site/VUE-form-577e27a8a7c24c629a71aa2d42f4699d
-
Які сроки по проекту?
-
Current freelance projects in the category Javascript and Typescript
Need a frontend developer / layout designer for a one-time improvement of a website on Magento 2.
285 USD
Website for evaluation: https://copy.eurobrands-shop.de/ Task: fix frontend bugs at the Magento 2 / Amasty theme level: CSS/LESS/JS, mobile, RTL, minicart, language dropdown, layout shift/CLS. Work format: - without local Magento deployment; - work through DevTools + theme… HTML & CSS, Javascript and Typescript ∙ 18 hours 23 minutes back ∙ 34 proposals |
Optimization of Core Web Vitals (OpenCart) for Google PageSpeed — Mobile and PC versionsOrder description: We are looking for an experienced frontend developer/OpenCart specialist to optimize the loading speed of the website (categories and product cards) according to Google Core Web Vitals requirements. About the project: * CMS: OpenCart. * Specifics: The site… Content Management Systems, Javascript and Typescript ∙ 4 days 17 hours back ∙ 23 proposals |
Optimization of WordPress site speed
114 USD
We will send full details in private messages Goal Maximize website loading speed, especially on mobile devices. KPI (mandatory) After the work is completed, the following metrics must be achieved. Mobile Performance 90+ LCP less than 2.2 sec INP less than 200 ms CLS less than… HTML & CSS, Javascript and Typescript ∙ 5 days 13 hours back ∙ 69 proposals |
Looking for an Odoo Developer — a solo developer with experience in Odoo 19 Community Edition.There is a working, well-designed project on Odoo 19 Community — CRM for a Ukrainian hotel, already in production-grade infrastructure. We do not plan to rewrite from scratch. We are looking for one person who will take over the project, maintain the working state, and lead it… Javascript and Typescript, Web Programming ∙ 7 days 14 hours back ∙ 4 proposals |
I am looking for an experienced Full Stack developer to create a SaaS service for online stores.Service idea: The client uploads a link to their product feed (XML or CSV). The service automatically retrieves the products, takes their photos, and creates new advertising images based on ready-made templates: price, discount, logo, promotional tags, etc. There should also be… Javascript and Typescript, Web Programming ∙ 8 days 20 hours back ∙ 88 proposals |