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 1 year 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 6 years ago)
- Default Branch: master
- Last Pushed: 2021-03-09T15:27:02.000Z (about 5 years ago)
- Last Synced: 2025-01-03T19:23:52.337Z (about 1 year 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 git@github.com: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.
[](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