a react app that demonstrates how to draw a map component, place a marker on it, make the marker drag-able, zero-down on location information based on marker position and be able to position a marker on the map from form inpu.

This project uses is bootstrapped with Create React App and uses semantic-ui-react as its css-framework. The main 3rd party libraries used are:

1. google-map-reactfor rendering react components on google map
2. react-geocode for transorming google map cordinates to physical location address and viceversa

Getting up and running is as easy as 1, 2, 3.

1. Clone the repository.

2. Install your dependencies

   cd path/to/sample-u; yarn
   

3. set up Google Maps API and include your google maps API key as the value for this constant:

MAP_API = # google maps api key

4. Start your app

   yarn start
   

Simply run yarn test and all your tests in the test/ directory will be run.

In this particular example I exposed my bucket url ... you dont want to do that ... instead use .env to keep these secret