HTML/JS - Build Dynamic Address form (see files attached)
- or -
Post a project like this2141
$25
- Posted:
- Proposals: 1
- Remote
- #2020459
- Awarded
Description
Experience Level: Intermediate
Estimated project duration: 1 day or less
See the attached PSD file and 4 JPG files. Build a form that does address search in 4 steps like shown in the design:
Step 1: It should have 2 dropdowns to pick the length of stay in the current address – on form submit should display an error message if the length is not selected
Addresss Search – use this getAddress API to get the address list: https://getaddress.i - I'll give you the get a free API key.
Step 2: Display an error message if the postcode not correct or display addresses in a select.
Step 3: When selecting the address – display a form with populated fields to allow the user to edit To submit the form mandatory fields are:
Address line 1 Town
County Country
Step 4: Add a block with an address on top and return the form to Step 1 and allow to repeat this flow.
Notes:
Please make the added Address editable and removable.
Build this using:
- Sass or Less (if more familiar with that)
- ReactJs or if not familiar with ReacJs - vanilla Javascript or JQuery.
Please let me know if your message which tools/framework you will be using.
Step 1: It should have 2 dropdowns to pick the length of stay in the current address – on form submit should display an error message if the length is not selected
Addresss Search – use this getAddress API to get the address list: https://getaddress.i - I'll give you the get a free API key.
Step 2: Display an error message if the postcode not correct or display addresses in a select.
Step 3: When selecting the address – display a form with populated fields to allow the user to edit To submit the form mandatory fields are:
Address line 1 Town
County Country
Step 4: Add a block with an address on top and return the form to Step 1 and allow to repeat this flow.
Notes:
Please make the added Address editable and removable.
Build this using:
- Sass or Less (if more familiar with that)
- ReactJs or if not familiar with ReacJs - vanilla Javascript or JQuery.
Please let me know if your message which tools/framework you will be using.
Rory H.
100% (38)Projects Completed
38
Freelancers worked with
29
Projects awarded
37%
Last project
22 Feb 2021
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies