- Geolocation API
- ip API
- App detects users laocation (from browser or IP)
- Guests of the website can leave a message
- A pin will be added to the map with the users location and message
- create-react-app
- install react-leaflet
- Get a map on the page!
- Get the user's location
- with the browser (Used Geolocation API)
- with their IP using an API (Used ipapi)
- Show a pin at the users location
- Show a form to submit a message
- when form is submitted - POST /message
- Setup server with create-express-api:
- Add monk and joi
- POST /messages
- latitude
- longitude
- name
- message
- datetime
- When the page loads get all messages
- GET /messages
- Add pins to the map
- Click a pin to see the message
- DEPLOY!
- Login
- Users have their own guest map with their own markers and unique url
- Allow user to drag pin