https://github.com/thinkswan/react-maps

A React app that allows users to search a map and save locations.
https://github.com/thinkswan/react-maps

google-maps javascript react tutorial

Last synced: about 2 months ago
JSON representation

A React app that allows users to search a map and save locations.

• Host: GitHub
• URL: https://github.com/thinkswan/react-maps
• Owner: thinkswan
• License: mit
• Created: 2019-06-28T16:57:52.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2021-03-09T15:27:02.000Z (almost 4 years ago)
• Last Synced: 2024-05-27T12:15:17.554Z (7 months ago)
• Topics: google-maps, javascript, react, tutorial
• Language: JavaScript
• Size: 10.7 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-maps

A React app that allows users to search a map and save locations.

Based on the tutorial found at

http://tutorialzine.com/2015/04/first-webapp-react/.

## How to use

```

git clone [email protected]:thinkswan/react-maps.git

npm install

npm start

```

This will start a server at http://localhost:5000/.

## How to deploy

Click the button below to spin up your own copy of the app in a Heroku

instance.

[![Deploy to Heroku](https://www.herokucdn.com/deploy/button.png)](https://heroku.com/deploy)

## How it works

The client (`main.js`) is a React app that renders a Google Map and allows users

to search for locations. When a location is found, the user can save it to their

list of favorites, which saves the location to local storage.

State is maintained by using local storage to store all previously-saved

locations.

## License

MIT