Closed

Need to fix the UI

You have to develop the responsive form components in React Js Bootstrap.

I'm attaching the issues in a ppt. I should look same like attached mockup([login to view URL])

Below is the actual project requirement which is incomplete.

For the password input field, this (The password must contain a Special character, Upper Case, Numeric, and 8 digits) are the validations. If there is any validation missing then the related validation words must highlight in #FF5630 color and if characters meet validation parameters then those words have to highlight in #38CB89 color. If confirm password does not match then show the error message below to it like First Name in the mockup. On-click the eye icon it has to show the password and hide vice-versa. Add animation effect on-click the eye icon.

For pin, it has to highlight in #1E519F if the input field is filled. On load of the first input field must be active with the cursor in it and the same applies to form also. If we enter the backspace key it has to remove the input values respectively, if we enter one number then the cursor has to move to the next input field and vice-versa on remove. Pin must take only numbers.

First Name and Last Name must take only alphabets and numbers else show the error message below the input field as shown in the mockup. The same applies to all input fields.

All input fields are floating labels with eye catchy soft animation.

For the select option, I have given the example image of how should it work.

On the left side, it's slide show images.

Skills: JavaScript, React.js, MERN Stack, MERN

About the Client:
( 21 reviews ) HYDERABAD, India

Project ID: #34840721

11 freelancers are bidding on average ₹1091 for this job

wadielnatrontv

Hi there ? How are you? This is Qandil I am a Web ? / Mobile ? developer, My resume [login to view URL] Having over 4 years of experience. I can work on yo More

₹1500 INR in 1 day
(35 Reviews)
4.7
ddtran305

Hi I've read the project description carefully. I have done several complex projects and provide continuous maintenance support. My goal has always been to provide reliable and efficient to my clients and so far I have More

₹1050 INR in 7 days
(10 Reviews)
3.3
emilkamd

Hello, I am highly interested in working with you on this application. Looks like a lot of hard work on creating the concept and I feel really interested in all the fixes that can be done so the application looks exact More

₹1050 INR in 2 days
(0 Reviews)
0.0
ihorkryboshlyk

Hi there. I am a senior developer in React.js I already read your job post, so I can help you pefectly. To know my skill, go ahead to https://app.winbee.io. It's made by React.js. Let's talk about your project. Thank More

₹1050 INR in 7 days
(0 Reviews)
0.0
rehmanafzal9425

I have seen the files you have uploaded. I can make correct form validation for you in React. I have experience in React and Node Js and its simple form validation issues and some fancy features you wanted to add, not More

₹2000 INR in 2 days
(0 Reviews)
0.0
surajdeshmane05

Hi, I would love to be your ReactJS developer and help you to fix your UI. I have 2 years of experience in building websites using latest technologies/ libraries/ frameworks including ReactJS, NextJS, JQuery and mo More

₹600 INR in 1 day
(0 Reviews)
0.0
RaffiBn

Hi. This is Raffi, a React.js and Next developer who provides clean and high-quality code in the shortest amount of time possible. My expertise lies in front-end development resulting with pixel perfect and responsive More

₹1050 INR in 7 days
(0 Reviews)
0.0
khollamvinit

I can make use formik library which is very good tool to manage react js forms , which will be less prone to error and validate all the required fields easily . I have built many websites using react js . Currently int More

₹1000 INR in 2 days
(0 Reviews)
0.0
MannanAns

[login to view URL] you can check my portfolio im much familiar with Mern stack i worked with different biggest projects waiting for you

₹1050 INR in 7 days
(0 Reviews)
0.0
rehmanroxs88

Hi ,how are you , i will use useform and yup to develop form which will meet all of your requirements, please feel free to message me Thanks ?

₹1050 INR in 7 days
(0 Reviews)
0.0
hieu0311

Hi, I have gone through your requirements and I can do this task immediately. I'm confident to say that I have enough skills and resources needed for this project . I can assure you for a complete professional work on More

₹600 INR in 7 days
(0 Reviews)
0.0