Google Map SPA using React

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 ([url removed, login to view])

- 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:

- [url removed, login to view]

- [url removed, login to view]

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:

- [url removed, login to view]

Base styling should be provided by:

- [url removed, login to view]

*** 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.

Skills: CSS, Google Maps API, HTML, Javascript, React.js

See more: pinpoint location using postal code google map, using legal descriptions map google, drupal easy website build, alibaba website build, handicapping website build service design, joomla commerce website build, full website build, nmea data google kml files use, copy exitsing website build site, project heat map google maps, google map api pin color, drag drop website build bracelet, using excel data google finance vba, save image map google maps, teacher rating website build, hyperlink map google, using asp access google maps, bid website build, common questions freelance website build, website build bid, create map google map, map google api, poker website build, map google longitude, create route map google map delivery

About the Employer:
( 0 reviews ) Long Island City, United States

Project ID: #11732542

12 freelancers are bidding on average $327 for this job


Hello, I'm a professional programmer for web programming with php language to build the system website, Besides, I'm also expert in MySQL , HTML,HTML5,CSS, JS I'm always top in Vietnam freelancer [login to view URL] More

$222 USD in 7 days
(149 Reviews)

Hey there! I'm Victor, I'm a total maps expert and I LOVE working in React. I just recently completed a complex routing app using Leaflet and React, with multiple stages and a lot of different kinds of markers on it. ( More

$555 USD in 3 days
(14 Reviews)

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 More

$263 USD in 6 days
(9 Reviews)

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 t More

$277 USD in 22 days
(6 Reviews)

Hi there, Thank you for sharing your requirement. We are a team of technocrats having 8+ years of experience in Web and Mobile design plus development. Talking about our expertise, we possess very good expertise More

$250 USD in 3 days
(4 Reviews)

Web development is my passion. I am a 17 year full-stack web developer. I have worked on projects of all sizes including mobile apps and very large enterprise solutions used by thousands of employees. My hourly rat More

$300 USD in 3 days
(4 Reviews)

Hello sir, Good day! we will develope your website. sir your project will 100% Dynamic, fully responsive, SEO friendly and user friendly. I am project manager of Narmada Solution .we have team of 50 develovers wit More

$200 USD in 6 days
(5 Reviews)

Hi, I am web developer and have good experience on developing map based application here is the link for the first map based basic screen i developed [login to view URL] and later some mo More

$190 USD in 3 days
(3 Reviews)

Dear sir. I have read your job posting very carefully and become very excited. I have working in IT sphere for 10 years and know all the angles. The Skills I have in details: 1)Mobile: Android and iPhone iMessage More

$210 USD in 3 days
(0 Reviews)

Hey. I can help you out with your react project efficiently having robust, reusable and clean code. I've been developing webapps for more than 3 years now. Including AngularJS and react. I might have to ask some ques More

$250 USD in 3 days
(0 Reviews)
$155 USD in 3 days
(0 Reviews)

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 m More

$166 USD in 4 days
(0 Reviews)

1. I don't usually freelance, I've been coding for fortune 500 companies, startups for over 15 years 2. My price is expensive because you'll get great code, high performance javascript, no bugs 3. The project is like More

$1111 USD in 5 days
(0 Reviews)