Simple Javascript application
- or -
Post a project like this276
€10(approx. $12)
- Posted:
- Proposals: 4
- Remote
- #2875103
- Awarded
Description
Experience Level: Entry
The task describes a fictive story that you should implement in JavaScript with ES6 and Web Components. Your solution should run on Chrome and Firefox. Furthermore, your solution should have no dependencies to any JavaScript library (only Standard JavaScript / ES6; #useThePlatform). But of course, as usual when defining rules, there are exceptions
: the library lit-html can/should be used).
Acceptance Criteria:
Business requirements (function):
▪ The address widget must have the following fields: o zip o city o street o houseNumber o country (is fix: “de” - Deutschland) ▪ After entering the zip code, the city should be prefilled ▪ Based on the zip/city also the streets should be selectable Only streets from the chosen city should be selectable. ▪ In the bottom of the widget there should be a button “info”. By clicking the button, a message box should be displayed where all data of the widget are formatted as JSON.
Technical requirements (non-functional):
▪ For city lookup, please reverse engineer the service from https://www.postdirekt.de/plzserver/ Select “Ort” (city) and enter for example “97070” as zip code. Please analyze how to query the data and reuse the JSON REST interface. (https://www.postdirekt.de/plzserver/PlzAjaxServlet) Because of CORS, please use: https://corsanywhere.herokuapp.com/https://www.postdirekt.de/plzserver/PlzAjaxServlet ▪ The component must be an ES6 Web Component (see MDN) and should be reusable ▪ Provide a test page that contains two time the widget on the same page
: the library lit-html can/should be used).
Acceptance Criteria:
Business requirements (function):
▪ The address widget must have the following fields: o zip o city o street o houseNumber o country (is fix: “de” - Deutschland) ▪ After entering the zip code, the city should be prefilled ▪ Based on the zip/city also the streets should be selectable Only streets from the chosen city should be selectable. ▪ In the bottom of the widget there should be a button “info”. By clicking the button, a message box should be displayed where all data of the widget are formatted as JSON.
Technical requirements (non-functional):
▪ For city lookup, please reverse engineer the service from https://www.postdirekt.de/plzserver/ Select “Ort” (city) and enter for example “97070” as zip code. Please analyze how to query the data and reuse the JSON REST interface. (https://www.postdirekt.de/plzserver/PlzAjaxServlet) Because of CORS, please use: https://corsanywhere.herokuapp.com/https://www.postdirekt.de/plzserver/PlzAjaxServlet ▪ The component must be an ES6 Web Component (see MDN) and should be reusable ▪ Provide a test page that contains two time the widget on the same page

Swathi M.
100% (5)Projects Completed
5
Freelancers worked with
3
Projects awarded
63%
Last project
14 Jun 2020
Germany
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
text me having Ready demo, would you like to test ?
925199
We use cookies to improve your experience and our services. By using PeoplePerHour, you agree to ourCookie Policy