Build me a project using React that can search from input in Openstreetmap
Budget: $30 – $250 USD
You should create 2 components. The first will be a form utilizing the Formik with the following fields: full address, name, CPF, email and message subject. The second one will be a map utilizing the library from OpenStreetMap (https://www.openstreetmap.org/), where the user can draw geometric figures. For example a circle, a square or in freeform, as long as the shape lines close on the map.
Components must have a stream using redux so that they can exchange data between them. In the first component, the full address box should use the Google Places API for Material UI Autocomplete (https://material-ui.com/pt/components/autocomplete/#google-maps-place). After filling in the address, a bullet point representing the typed address must be rendered in the second component of the map. The form ust be sent mvia POST and contain the complete address data separated into (city, state, street, neighborhood and zip code), in addition, the name, CPF, email, message content and the coordinates of the drawings that the user drew on the map along with the bullet point.
Components must have a stream using redux so that they can exchange data between them. In the first component, the full address box should use the Google Places API for Material UI Autocomplete (https://material-ui.com/pt/components/autocomplete/#google-maps-place). After filling in the address, a bullet point representing the typed address must be rendered in the second component of the map. The form ust be sent mvia POST and contain the complete address data separated into (city, state, street, neighborhood and zip code), in addition, the name, CPF, email, message content and the coordinates of the drawings that the user drew on the map along with the bullet point.