/rnMapProject

This repo shows that how to create a app by using google map.

Primary LanguageJavaScript

Restaurant-App-With-Google-Maps

Project Source

Table of Contents

Overview

screencast-Genymotion-2020-11-07_00 11 08 738

Built With

Features

This project aims create an app which provide filter restaurants according to cities and shown on Google Maps and interact with them. The app comprises use of Maps and Modal.

  • When the user lands the Home page he/she can see MapView and scrollable list of cities in advance.
  • User can roam on map and display details.
  • When the user tap on a city name, it is displayed restaurants of relevant city on map with red marker.
  • User can tap on marker and display details of restaurant with modal.
  • There is a SearchBar for cities at the top of the page.

How To Use

To use this application, the packages below should be installed prior to running the app.

    npm install react-native-maps
    
    npm install react-native-vector-icons
    
    npm install react-native-modal
    
    npm install axios

Note: In order to use Google Maps, need get API_KEY from Google Cloud Platform

Acknowledgements

Contact