Google Map SPA using React

This project received 13 bids from talented freelancers with an average bid price of $319 USD.

Get free quotes for a project like this
Project Budget
$30 - $250 USD
Total Bids
Project Description

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.

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online