Skip to content

Latest commit

 

History

History
55 lines (48 loc) · 1.55 KB

README.md

File metadata and controls

55 lines (48 loc) · 1.55 KB

Map Search in React

Introduction

This project demonstrates how to build google map application with third party APIs (Foursquare API here) in React. This app is created from scratch using 'create-react-app' for the boiler-plate codebase.

  • apparently, service worker feature is automatically included in the production build when creating an app.

Main features

  • Pinning a location of your interest
  • Searching any places of your interest based on the pinned location
  • Setting filtering options (radius, limits)
  • Select a place for further information

Dependencies

How to run the app?

  1. cd ./app
  2. npm install
  3. yarn start

Resources

.
├── API
│   └── FSAPIs.js
├── Map
│   ├── GoogleMapsContainer.js
│   ├── Map.css
│   ├── MapStyleOptions.json
│   ├── SearchBox.css
│   ├── SearchBox.js
│   └── VenueSearchBox.js
├── Side
│   ├── SideMenu.css
│   └── SideMenu.js
├── Top
│   ├── NavButton.css
│   ├── NavButton.js
│   ├── Top.css
│   └── Top.js
├── images
│   ├── address.png
│   ├── like.png
│   └── phone.png
├── App.css
├── App.js
├── index.css
├── index.js
└── registerServiceWorker.js