michaeldepp/google-autocomplete-places

Google Autocomplete Places - React Native 🗺️📌

🔋🙆‍♂️ Development Check

• ✔️ Used React Native
• ✔️ Used functional components only
• ✔️ Utilise React hooks
• ✔️ Integreated Google Places API from GCP
• ✔️ Used Redux for the state management
• ✔️ Used Prettier for strict code formatting
• ✔️ Used ESLint for strict coding and committing
• ✔️ Fully Responsive to all media screen
• ✔️ Usage of modern ant icons

Getting Started

Clone this repository to your local:

git clone https://github.com/MichaelDepp/google-autocomplete-places

Install the packages:

npm i

Then, run the development server:

npx expo start

Open the app using Expo Go in Ios / Android Device

🔎 Features

• Crossplatform (Can be installed in IOS/Adroid)
• Map component uses the native mapview based on the platform
• Autocomplete google text container where user can search any location
• By default it will point Menara Maybank Location
• Marker to point the updated location geocodes
• Map will animate to the new searched location everytime a new location clicked
• Every time user searched a place, the searched location will be store in the redux state
• User can view the past searched places in the dropdown
• Duplicate places wont be save to the store

📸 Screenshots

🎥 Screen Recording Of The Application

• Video Preview