Skip to content

TalhaShahid576/google-place-autocomplete

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 74.4%
  • HTML 15.9%
  • CSS 9.7%