Use this boilerplate in order to complete a take home assessment.
This is a very open-ended challenge. Be creative and have fun!
Implement Mapbox into a React app with some Redux functionality.
Requirements:
- Use this link for initial setup details.
- Implement using react and redux
- Whenever you click on the map, send a click event that adds the coordinate to the redux store
- All the previous clicked coordinates should show up next to/near the map
- Each coordinate can be deleted
Links that may be helpful:
- https://docs.mapbox.com/mapbox-gl-js/example/mouse-position/
- https://docs.mapbox.com/mapbox-gl-js/api/#map.event:click (particularly click)
- https://github.com/mapbox/mapbox-react-examples
- https://redux.js.org/basics/basic-tutorial
Solution Demo:
To use this boilerplate template, clone this repository with
git clone
.
Then, install all modules by first cd-ing into
the directory and running yarn install
(or npm install
).
To see the boilerplate site locally, run yarn run dev-server
and view on localhost:8080.