Google Place Autocomplete

The best practice with Google Place Autocomplete API on React

Using Google Place Autocomplete without third-party library

Autocomplete is a feature of the Places library in the Maps JavaScript API. When a user starts typing an address, autocomplete fills in the rest.

Features are on working:

• Save Search History in client's storage

Features

User:

• Search Places
• View Search history

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

Node.js and npm installed on your local machine

Installing

Clone the repository:

 git clone

Navigate to the project directory:

  cd google-place-autocomplete

Install the dependencies:

  npm install

Change the Google Maps API Key in SearchLocationInput.js:

https://maps.googleapis.com/maps/api/js?key=<API_KEY>&libraries=places

Start the development server:

  npm run start

The application will be available at http://localhost:3000.

Built With

• ReactJS - JavaScript library for building user interfaces
• Axios - Promise-based HTTP client for making API requests
• Google Maps API