I need to build a Single Page Application, SPA using Google Maps with React.
Attached is a mockup of the finished application. It requires:
- Full-page Google Map
- Address search box using the Google Place-Autocomplete API ([login to view URL])
- Inputs to enter Sold date and Sold price associated with a property found with the Place-Autocomplete search box
- Submit button to add a property once found and associated information supplied
- Validation on the input fields to ensure information supplied in correct format (date, number)
- Sidebar containing list of all properties submitted
- Once submitted, property should be added to the sidebar list and a pin for should be added to the map
- Map must automatically fitToBounds on all pins when a new pin is added
- Pin for each property should be color-coded for different property price ranges (eg. $0-$100,000, $100,000-$200,000, etc.)
- Each item in sidebar should expand to show detailed information for current pin (most recently added property by default, or any pin on the map once clicked)
I'd like to use one of these components as the base library:
- [login to view URL]
- [login to view URL]
Likewise, there's only one route in this MVP, however I'd like to have routing built in for additional development. Preferred routing library would be:
- [login to view URL]
Base styling should be provided by:
- [login to view URL]
*** If successful, further work will be required to add these routes, secure the application with authentication, provide bulk-upload functionality to lists of properties, etc.
Full, atomic git history to be provided as part of project.
Hello Sir,
I have extensive experience in SPA applications using AngularJs and ReactJs. I have gone through your requirements and there are some confusion. You mentioned that there is mockup attached. But there is no mockup. So please provide mockup so that I will have better idea.
Looking forward to hear from you.
Thanks
Shiv Agrawal
hello, im a developer with 10 years of experience, i can work with this but i dont see the mockup attached, can you do for a better idea.
What we will use for store the information? Send me a msg so we discuss all the requeriments.
Thank you
Hi,
I have solid experience in google maps API. I have worked on google maps APIs for more than 2 years and I have developed customized features and modules from google maps APIs. I can do this task in less time in managed way.